云诺说 - 小程序开发 - 软件定制
当前位置: 微信小程序 > 校园助手微信小程序开发之账号注册功能实现

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

2022-06-24 08:49 分类:微信小程序 作者:云诺 阅读(392)

版权声明:本文为博主原创文章,如果转载请给出原文链接:http://doofuu.com/article/4156267.html

这是我给你人定制开发的一款校园助手微信小程序系统,趁现在有空来记录一下校园助手小程序开发的功能模块实现,记录下当时的开发过程累积下微信小程序系统开发经验,也是技术累积的过程。校园助手小程序系统注册功能实现使用了小程序原生开发,通过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) 打赏

谢谢你请我喝奶茶*^_^*

支付宝
微信
1

谢谢你请我喝奶茶*^_^*

支付宝
微信

上一篇:

下一篇:

共有 0 条评论 - 校园助手微信小程序开发之账号注册功能实现

博客简介

云诺说是一个致力于分享互联网编程技术交流、小程序开发、小程序源码分享、软件服务定制和生活记录的技术服务型学习博客网站。

微信 :LGY178888

职业 :小程序开发、软件定制

现居 :广东省-广州市-天河区

友情链接

欢迎与本博客交换友情链接,本博客对交换链接的网站没有要求。如果您是本博客的友情链接网站,在遇到网站运行问题时,可以随时联系,我们将免费提供技术类支持! 申请交换友链

站点统计

  • 文章总数:144 篇
  • 草稿数目:0 篇
  • 分类数目:14 个
  • 独立页面:154 个
  • 评论总数:0 条
  • 访问总量: 409638次
  • 最近更新:2022年12月05日