版权声明：本文为博主原创文章，如果转载请给出原文链接：http://doofuu.com/article/4156268.html
这是校园助手微信小程序用户登录功能模块实现代码和思路，当时给人毕设代做的时候本想用微信授权的方式实现登录功能，后面对方说要用账号密码的方式登录校园助手微信小程序，所以微信小程序登录的页面采用button、van-field、form组件来实现，通过点击按钮登录按钮，通过form表单的形式把van-field接收到数据提交到后台进行登录判断，用户登录界面还布置了立即注册按钮，如果点击注册会通过navigator组件跳转到register页面。校园助手微信小程序开发之用户登录功能实现思路并不复杂，下面给大家看下我小程序毕设代做时的代码逻辑。
校园助手微信小程序开发之用户登录功能实现登录页面布局代码如下：
<view>
<form bindsubmit="onLogin" report-submit="true">
<view></view>
<van-cell-group>
<van-field name="username" label="账 号" left-icon="contact" border="{{ true }}" value="{{ username }}" required/>
<van-field name="password" label="密 码" type="password" left-icon="description" border="{{ true }}" value="{{ password }}" required/>
</van-cell-group>
<button form-type="submit" >登录</button>
<navigator url="../register/register" hover-class="none">
<view>立即注册</view>
</navigator>
</form>
</view>校园助手微信小程序开发之用户登录功能实现登录逻辑代码如下：
/**
* 登录
*/
onLogin: function (e) {
wx.switchTab({
url: '../index/index'
});
return
console.log(e);
var username = e.detail.value.username;
var password = e.detail.value.password;
if (username == null || !util.pattern(username)){
App.showError("用户名长度不正确！");
return;
}
if (password == null || !util.pattern(password)) {
App.showError("密码长度不正确！");
return;
}
App._post_form("User/login"
,{
'username': username,
'password': password,
'formid': e.detail.formId
}
, function (result){
console.log(result)
if (result.code == 1){
App.setUserInfo({
uid: result.uid,
type: parseInt(result.type),
})
wx.setStorage({ key: 'loginData', data: { u:username, p:password}})
wx.switchTab({
url: '../index/index'
});
}else{
App.showError("登录失败")
}
}
, function(err){
App.showError("网络异常")
}, false)
}校园助手微信小程序用户登录功能实现代码就是这样的，本人长期提供毕设代做、论文代写服务，团队接单，价格低，服务好，需要的可以加我微信咨询：LGY78888（请备注来意）
共有 0 条评论 - 校园助手微信小程序开发之用户登录功能实现