范围:深圳亚博app开发,软件定制开发,亚博app软件开发公司,深圳软件外包公司.TEL:3447249690
当前位置:首页 > app小程序

亚博-微信小程序开发登录验证实现教程

07-05 亚博APP
摘要:对部门页面添加登录验证,用户未登录的环境下,进入页面,页面主动转向登录页面。登录验证成功后,回

需求描写:

对部门页面添加登录验证,用户未登录的环境下,进入页面,页面主动转向登录页面。登录验证成功后,回调到登录倡议页面。

实现思绪:

建立全局变量用在存储当前登录用户对象(userInfo)、全局方式用在验证登录有用性(checkLoginInfo())、全局方式用在获得当前页面的全路径(getCurrentUrl())。

针对需要添加登录限制的页面page.onLoad事务,挪用checkLoginInfo()方式,判定当前登录状况。如未登录,页面转向登录页面。

width=600

登录验证经由过程后,将登录信息存储到全局变量userInfo,跳转回登录倡议页面。

要害代码和留意事项:

app.js

data:{ userInfo:null,//用户登录存储对象 loginUrl:../login/login, }, checkLoginInfo:function(url){//验证登录状况 亚博if(this.data.userInfo==null){ return url; }else{ return ; } }, getCurrentUrl:function(){//获得当前页面全路径 var url=getCurrentPages()[getCurrentPages().length-1].__route__; url=url.replace(eapdomain/src/pages,..);//替代路径全路径。点窜该路径为相对路径 return url; }

留意:在getCurrentUrl方式中,最后返回url时,又挪用了replace方式。由于wx.redirectTo的url参数要求为相对路径。所以在这里转换了一下。

login.js

var app=getApp();

Page({ data:{ backUrl:null, loginName:null, passWord:null }, onLoad:function(options){ this.setData({ backUrl:null }); // 页面初始化 options为页面跳转所带来的参数 //console.log(options.backUrl); this.setData({ backUrl:options.backUrl }); }, inputClick:function(event){ //动态 对 paga.data 进行赋值 //id与 数据项 逐一对应 var objId=event.currentTarget.id; var paraObj={}; paraObj[objId]=event.detail.value; this.setData(paraObj); //console.log(event.currentTarget.id); //console.log(this.data); }, onReady:function(){ // 页面衬着完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面埋没 }, onUnload:function(){ // 页面封闭 }, loginClick:function(){ var loginName=this.data.loginName; var passWord=this.data.passWord; if(loginName!=null&&passWord!=null){ var backUrl=this.data.backUrl; // wx.redirectTo({ // url:\'eapdomain/src/pages/pageCreate/pageCreate\' // }) app.data.userInfo={ loginName:loginName, passWord:passWord }; wx.redirectTo({ url: backUrl }); // wx.redirectTo({ // //目标页面地址 // url: \'pages/logs/index\', // success: function(res){}, // }) }else{ this.setData({ loginName:null, passWord:null }); } } })

这里inputClick事务。按照前台控件id为page.data数据进行赋值。

保举浏览: 微信小法式开辟教程 微信小法式

版权保护: 本文由 亚博app开发 原创
转载请保留链接: http://www.jiayuanLi.com

关于我们      深圳亚博app定制开发软件有限公司,自2013年成立以来,为上千家企业提供软件外包、系统软件开发、亚博app开发、微信公众号开发、深圳亚博小程序开发等各种优秀的软件定制开发服务.关键词:软件外包公司、手机软件开发、app制作开发、手机亚博app开发、小程序开发公司【TEL】:3447249690 微信:3447249690 QQ:3447249690
  • 1578文章总数
  • 13访问次数
  • 建站天数