插件下载
本地下载
论坛下载
http://bbs.aircheng.com/read-40663
把当前文件夹放到插件目录 plugins/
,在后台开启插件并配置
。
有三种使用方法
方法一:
登陆页面代码增加轮询:
<script type="text/javascript">
setInterval(function(){
$.get("{url:/simple/checklogin}",function(ret){
if(ret == 'ok'){
window.location.href = '{url:/ucenter/index}';
}
});
},1500);
</script>
登陆页面二维码获取:
<img src="{echo:plugin::trigger("loginqrimg")}" />
方法二:
借用第三方生成二维码,比如联图等
其他高级用法,按需加载二维码图片,不用时关闭定时器轮询:
$(".scanimg").remove();
$.get("/simple/loginqrimg",function(ret){
$("#scanlogo").append("<img class='scanimg' src='"+ ret +"' width='375' height='375' />");
});
//启动定时器 检查登陆状态
<script type="text/javascript">
timerscanWeixin = setInterval(function(){
$.get("/simple/checklogin",function(ret){
if(ret == 'ok'){
window.location.href = '/ucenter/index';
}
});
},1500);
</script>
//关闭登陆定时器
if (typeof timerscanWeixin !="undefined")
{
clearInterval(timerscanWeixin); //关闭登陆定时器
}
方法三:
客户端本地生成二维码
1.设置二维码容器
<script src='/public/js/qrcode/qrcode.min.js'></script>
<div id="qrcode" align="center"></div>
2.添加锚点
<a class="J_scanWeixin">微信登录</a>
3.添加点击锚点触发执行的代码
$('.J_scanWeixin').click(function(){
$("#qrcode").empty(); //清空元素
$.get("/simple/loginqrimg",function(ret){
new QRCode(document.getElementById("qrcode"), ret); //绘制二维码
});
//启动定时器 检查登陆状态
timerscanWeixin = setInterval(function(){
$.get("/simple/checklogin",function(ret){
if(ret == 'ok'){
window.location.href = '/ucenter/index';
}
});
},1500);
});
4.在合适的位置放上关闭定时器代码:
<a class="close">关闭</a>
$('.close').click(function(){
if (typeof timerscanWeixin !="undefined")
{
clearInterval(timerscanWeixin); //关闭登陆定时器
}
});
版权属于:大卫科技Blog
本文链接:https://www.iyuu.cn/archives/15/
转载时须注明出处