版权声明：本文为博主原创文章，如果转载请给出原文链接：http://doofuu.com/article/4156267.html
校园助手微信小程序开发介绍
这是我给你人定制开发的一款校园助手微信小程序系统，趁现在有空来记录一下校园助手小程序开发的功能模块实现，记录下当时的开发过程累积下微信小程序系统开发经验，也是技术累积的过程。校园助手小程序系统注册功能实现使用了小程序原生开发，通过van-field组件来接收用户输入的账号或者密码信息。
校园助手微信小程序开发界面
校园助手微信小程序开发代码
所有数据通过form表单提交到后台数据库，校园助手微信小程序开发之账号注册功能实现WXML如下所示：
<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>
</form>
</view>注册功能JS实现代码如下所示：
/**
* 注册登录
*/
onLogin: function (e) {
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/register"
,{
'username': username,
'password': password
}
, 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.reLaunch({
url: '../my/my'
});
}else{
App.showError("注册失败")
}
}
, function(err){
App.showError("网络异常")
}, false)
}点击登录按钮系统会调用onLogin方法，该方法会调用App._post_form接口把数据发送到User/register接口。后端处理代码如下所示：
//***************************
// 前台注册接口
//***************************
public function register(){
$name = trim($_POST['user']);
$pwd = md5(md5($_POST['pwd']));
$pwds = md5(md5($_POST['pwds']));
if($pwd!=$pwds) {
echo json_encode(array('status'=>0,'err'=>'两次输入密码不同！'));
exit();
}
$user=M('user');
$where = array();
$where['name']=$name;
$count=$user->where($where)->count();
if($count) {
echo json_encode(array('status'=>0,'err'=>'用户名已被注册了！'));
exit();
}
$data = array();
$data['name'] = $name;
$data['qx'] = 6;
$data['pwd'] = $pwd;
$data['addtime'] = time();
$res = $user->add($data);
if ($res) {
$_SESSION['LoginName']=$name;
$_SESSION['ID']=$res;
$arr =array();
$arr['status']=1;
$arr['uid'] = $res;
$arr['LoginName'] = $name;
echo json_encode($arr);
exit();
}else{
echo json_encode(array('status'=>0,'err'=>'注册失败！'));
exit();
}
}校园助手微信小程序账号注册功能实现大致流程就是这样，后面会继续分享其他功能的技术实现过程。喜欢的可以收藏关注。
需要计算机专业毕设代做、论文代写、软件开发的可以联系我，微信：LGY78888
共有 0 条评论 - 校园助手微信小程序开发之账号注册功能实现