【備戰春招】第16天 掃碼登錄 前端
標簽:
SpringBoot
课程名称:在线办公系统
课程章节: 第1章
课程讲师:神思者
课程内容
要在小程序里面使用扫一扫功能
<uni-list-item title="扫一扫" clickable @click="scanQRCode"></uni-list-item>
这个列表点击事件回调函数是scanQRCode()
scanQRCode: function() { let that = this; //调用摄像头扫描二维码 uni.scanCode({ onlyFromCamera: true, success: function(resp) { //把扫描的结果字符串进行拆分 let temp = resp.result.split('@@@'); let module = temp[0]; //@@分割符前的内容是命令 let id = temp[1]; //@@分隔符后面的字符串 if (module == 'login') { uni.showModal({ title: '提示信息', content: '是否登陆Emos管理系统?', success: function(resp) { if (resp.confirm) { uni.login({ provider: 'weixin', success: function(resp) { let code = resp.code; that.ajax(that.url.checkQrCode, 'POST', { uuid: id, code: code }, function(resp) { if (resp.data.result) { uni.showToast({ title: '登陆成功', icon: 'success' }); } else { uni.showToast({ title: '登陆失败', icon: 'none' }); } }); } }); } } }); } else if (module == 'MRIF') { uni.navigateTo({ url: '../../meeting/meeting_room?meetingRoomId=' + id }); } else if (module == 'MTCK') { uni.navigateTo({ url: '../../meeting/meeting_checkin?meetingRoomId=' + id }); } } });}
至此 就可以用手机测试拉
如果直接使用微信里面的扫一扫 只会显示一串字符串
例如 我们想在微信扫一扫后 打开 百度地址
则需要
String base64 = QrCodeUtil.generateAsBase64(String.format("https://www.baidu.com/"), config, ImgUtil.IMAGE_TYPE_JPG);
使用到String.format方法 这样就能在扫码后打开百度拉 只要换成自己的页面地址 也能同样完成 登录 注册等功能
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦