二维码生成使用的是 `QRCode.js`
##在线体验
[http://tpadmin.demo.tianpian.net.cn](http://tpadmin.demo.tianpian.net.cn)
默认管理员帐号:admin,默认管理员密码:123456
打开 `示例 - 二维码生成` 进行在线体验
##使用示例
###HTML 部分
```
<div class="form form-horizontal">
<div class="row cl">
<label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>Url 地址:</label>
<div class="formControls col-xs-6 col-sm-6">
<input type="text" class="input-text" placeholder="请填写链接,包含 http 等协议前缀,支持 URL Scheme" name="url" id="qrcode-input">
</div>
<div class="col-xs-3 col-sm-3"></div>
</div>
<div class="row cl">
<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
<button type="button" class="btn btn-primary radius generate"> 生成 </button>
</div>
</div>
<div class="row cl mt-50">
<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
<div id="qrcode"></div>
<p class="mt-10 c-red" id="qrcode-url"></p>
</div>
</div>
</div>
```
###JavaScript 部分
```
// 引入文件
<script type="text/javascript" src="__LIB__/qrcode/qrcode.min.js"></script>
var url = '{:\\think\\Request::instance()->url(true)}';
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: url,
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
$("#qrcode-url").html(url);
$(".generate").click(function () {
url = $("#qrcode-input").val();
if (!url || !/^[\w]*:\/\//i.test(url)) {
layer.alert('请输入正确的链接,支持 URL Scheme');
return ;
}
qrcode.makeCode(url);
$("#qrcode-url").html(url);
});
```
>[info] 详细使用方法见官方的 `README.md` 文件:
****
# QRCode.js
QRCode.js is javascript library for making QRCode. QRCode.js supports Cross-browser with HTML5 Canvas and table tag in DOM.
QRCode.js has no dependencies.
## Basic Usages
```
<div id="qrcode"></div>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie");
</script>
```
or with some options
```
<div id="qrcode"></div>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "http://jindo.dev.naver.com/collie",
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
</script>
```
and you can use some methods
```
qrcode.clear(); // clear the code.
qrcode.makeCode("http://naver.com"); // make another code.
```
## Browser Compatibility
IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, ETC.
## License
MIT License
## Contact
twitter @davidshimjs
- 概要
- 开始使用
- 写在前面
- 目录结构
- 模板主题支持
- 前置方法before支持
- 数据返回
- 异常接管
- Rbac 权限管理
- 开始使用
- 用户管理
- 分组管理
- 节点管理
- 角色管理
- 使用流程
- 其他
- 代码自动生成 v1.2
- 示例一 - 一级控制器
- 示例二 - 多级控制器
- 示例三 - 从数据表生成
- 示例四 - 指定生成的文件
- 示例五 - 命令行模式
- 示例六 - 模拟命令行模式
- 代码自动生成
- 示例一 - 一级控制器
- 示例二 - 多级控制器
- 控制器
- 公共控制器
- traits 多继承 Controller
- 公开不授权控制器
- 其他控制器
- 标签扩展
- 模板
- 网站操作日志
- 节点图
- 行为驱动
- 其他后端方法
- Excel一键导出
- Excel一键导入
- 文件下载
- 邮件发送
- 七牛文件上传
- id加密
- 前端
- ajax请求
- 表单校验
- 丰富弹层
- 异步操作
- 表格溢出
- 随机字符串
- 自动面包屑导航
- 动态加载文件
- 文件上传
- Tab 切换
- 图片预览
- 二维码生成
- 日历组件
- 升级指导
- 更新日志
- FAQ