亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【備戰春招】第16天 掃碼登錄 前端

標簽:
SpringBoot

课程名称:在线办公系统


课程章节: 第1章


课程讲师:神思者


课程内容



https://img1.sycdn.imooc.com//63f6af7800018ac003900784.jpg


要在小程序里面使用扫一扫功能

<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方法 这样就能在扫码后打开百度拉 只要换成自己的页面地址 也能同样完成 登录 注册等功能


https://img1.sycdn.imooc.com//63f6b1490001391707150392.jpg




點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
27
獲贊與收藏
19

關注作者,訂閱最新文章

閱讀免費教程

  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消