微信小程序 后台登录(非微信账号)实例详解
微信小程序 后台登录实现效果图:最近写了一个工具类的小程序,按需求要求不要微信提供的微信账号登录,需要调取后台登录接口来登录。由于小程序大部分都是调取微信信息登录,很少有调用自己后台来登录的,所以写的时候各种坑,现在把趟好坑的代码共享给大家吧!(PS:如有不妥之处,共勉之。) 废话不说,直接上代码 找到app.js在里面写如下代码 敲黑板划重点:上图中的代码片段重要的地方就是:“globalData中的 adminUserViewId: "",token: "" ” 这两个参数是前端需要存储的后台参数,用来标记用户的登录状态的。 然后建一个login文件夹,在login.wxml中写如下代码 然后建一个login文件夹,在login.wxss中写如下代码 .login_view {
width: calc(100% - 40px); padding: 0 20px; line-height: 45px; height: 45px; margin-bottom: 20px; } .login_text { .login_lable { .login_button { 在login.js中写如下代码 Page({
data: { motto: 'Hello World',username: "",password: "" },onLoad(options) { // 初始化提示框 this.$wuxToast = app.wux(this).$wuxToast },/* 监听帐号输入 / listenerUsernameInput: function (e) { this.data.username = e.detail.value; },/* 监听密码输入 / listenerPasswordInput: function (e) { this.data.password = e.detail.value; },// 登录按钮点击事件 loginAction: function () { var userName = this.data.username; if (userName === "") { //加载提示框 var urlStr = app.globalData.BaseURL + '/api/adminUser/login'; 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |