版权声明:本文为博主原创文章,如果转载请给出原文链接: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 条评论 - 校园助手微信小程序开发之账号注册功能实现