校园助手微信小程序开发之账号注册功能实现

2022-06-24 08:49 分类：毕设小程序作者：云诺阅读(1225)

这是我给你人定制开发的一款校园助手微信小程序系统，趁现在有空来记录一下校园助手小程序开发的功能模块实现，记录下当时的开发过程累积下微信小程序系统开发经验，也是技术累积的过程。校园助手小程序系统注册功能实现使用了小程序原生开发，通过van-field组件来接收用户输入的账号或者密码信息。

QQ截图20220624204611.jpg

所有数据通过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) 打赏