本文实例为大家分享了小程序云开发用户注册登录的具体代码，供大家参考，具体内容如下

注册界面和文件

登录界面和文件

这里的用户界面使用iviewUI不懂可以看我的另一篇文章IviewUI

先说注册界面数据如下

页面结构如下

！-页面/寄存器/索引。wxml-viewi-input bind : change=' input name ' maxlength=' 15 ' title='账号自动对焦占位符='请输入账号/I-input bind : change=' input password ' maxlength=' 15 ' title='密码自动对焦占位符='请输入密码/i-button bindtap='register '类型='成功'注册/i-button/viewjs页面

//页面/寄存器/索引。jslet app=GetApp()；//获取云数据库引用const db=wx。云。database()；常量管理=数据库。集合(' adminlist ')；字母名称=空让密码=null页面({ data: { }，//输入用户名inputname :函数(事件){ name=event。细节。细节。值}，//输入密码inputPassword(事件){ password=event。细节。细节。value }，//.其中({//_ open id : app。GlobalDATa。打开id/填入当前用户open id//})//wx。显示模态({//title : '提示，//content: '您已注册，确定要更新账号密码吗？//成功：函数(RES){//if(RES . confirm){//console。日志('用户点击确定)//那个。保存user info()；//} //} //}) //注册register(){ let that=this；let flag=false //是否存在真实的为存在//查询用户是否已经注册管理员。获取({ success :(RES)={ let admins=RES . data；//获取到的对象数组数据//控制台。日志(管理员)；用于(设I=0；IAD mins . lenti){//遍历数据库对象集合if (name===admins[i]).姓名){ //用户名存在flag=true//break；} } if(flag===true){ //已注册wx.showToast({ title: '账号已注册!'，icon:“成功”，持续时间： 2500 })else {//未注册that.saveuserinfo() } } }) }，//注册用户信息saveuserinfo() { //让那个=这个；admin.add({ //添加数据data:{ name:name，password: password } }).然后(res={ console.log('注册成功!')wx.showToast({ title: '注册成功!'，icon:“成功”，持续时间： 3000 })wx。redirectto({ URL : '/page/log in/log in '，}) }) }，})因为使用云开发数据库所以先在app.js中初始化加入下面这段代码

下面的战斗1323797232-e05624就是我们云开发的环境编号

wx.cloud.init({ env: '战斗1323797232-e05624 '，TraceUser : true })(9507 . 163.com)

环境身份在这里

这里需要进云数据库创建一个管理列表集合

注册成功后，开始实现登陆功能

login.wxml

！-页面/登录/登录。wxml-viewi-input bind : change=' input name ' maxlength=' 15 ' title='账号占位符='请输入账号/I-input bind : change=' input password ' maxlength=' 15 ' title='密码占位符='请输入密码/I-按钮绑定点击=“登录”类型="主要"登录/I-button I-button bind tap=' register '类型='成功'注册/i-button/viewjson和以上注册的数据一样

射流研究…逻辑页面实现如下：

//pages/log in/log in . jslet app=GetApp()；//获取云数据库引用const db=wx . cloud . database()；const admin=db . collection(' adminlist ')；let name=null让密码=nullPage({ /** *页面的初始数据*/data: {}，//输入用户名输入name3360函数(事件){ name=event . detail . detail . value }，//输入密码输入password(事件){ password=event . detail . detail . value }，//login(){ let那=this//登录获取用户信息admin . get({ success :(RES)={ let user=RES . data；//console . log(RES . data)；for(设I=0；I用户. length；I) {//遍历数据库对象集合if (name===user[i]。name) {//用户名存在如果(密码！==用户[i]。密码){//判断密码是否正确wx.showToast({ title: '密码错误！'，图标：“成功”，持续时间： 2500 })else { console . log('登录成功！')wx.showToast({ title: '成功落地！'，图标： '成功'，持续时间： 2500 })wx . switch tab({ //跳转到首页URL 3360 '/pages/shop cart/shop cart '，//这里的URL是你登录后跳转的界面})})否则{//没有wx.showtoa！icon: 'success '，duration : 2500 } } } })})，register(){ wx . navigateto({ URL : '/pages/register/index ' })}，/* * *生命周期函数-监控页面加载*/onload :函数(选项){}，/* * *生命周期函数-监控页面首次渲染完成*在页面首次渲染完成时触发。一个页面只能被调用一次，这意味着页面已经准备好与视图层进行交互*/onready 3360函数(){}，/** *生命周期函数-监控页面显示*当页面显示/切入前台时触发*/onshow3360函数(){}，/* * *生命周期函数-监控页面隐藏*/onhide 3360函数(){}，/* * *生命周期函数-监控页面卸载*/onunload 3360函数(){}， /* * *与页面相关的事件处理程序-听取用户的下拉操作*/onpulldownrush 3360 function(){ }，/* * *页面上下拉事件的处理程序*/onreaccessbutton 3360 function(){ }，/* * *用户点击右上角共享*/onsharepmessage : function(){ })。 以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。