首先，需要初始化云环境
云环境初始化操作流程可查看前一篇文章
3359 blog.csdn.net/weixin _ 42077074/article/details/113482034
然后，有两种方法可以在云开发模式下注册或登录
处理form表单绑定事件处理几个input输入框和button按钮分别绑定处理事件笔者通过第一种方法实现了注册功能，第二种方法实现了注册和注册功能
form表单绑定事件处理wxml部分将form组件添加到wxml中并绑定事件handlerSubmit，但请注意，form组件只发送由name属性限定的所有表单字段
表单绑定提交=' handler提交'！ -帐户-- label class='loginLab '帐户/labelinputclass=' input text ' placeholder='帐户' name='account'/-密码-- label class='loginLab '密码/labelinputclass=' input text ' password=' true ' placeholder='密码' name
JavaScript表单的一部分将数据放置在事件evt中
handler submit :功能(evt ) {console.log ) evt}
在evt.detail.value中获取用户名和密码，获取数据库引用和集合引用，最后通过集合将数据保存到数据库中
handler submit :功能(evt ) ) console.log ) evt； //获取用户名和密码let account=evt.detail.value.account； let pwd=evt.detail.value.pwd； const db=wx.cloud.database (； //数据库引用constusercollection=db.collection (' user ' )； 获取//集合(collection )引用通过//集合将数据添加到数据库的usercollection.add({data: ) account:account，pwd 3:
一些输入输入框和按钮分别绑定和处理事件的wxml部分分别绑定到输入和按钮，在绑定change和绑定tap中不同的事件获取帐户、获取pwd、reg和
！ -帐户-- label class='loginLab '帐户/请输入labelinputclass=' input text ' placeholder='帐户' name='account'bindchange=密码--label class=' 请输入labelinputclass=' input text ' password=' true ' placeholder='密码' name='pwd按钮--button class=' '
在JavaScript部分中，将属性帐户和pwd添加到Page的data中，并将初始值设置为null
在data: { account:null，pwd:null，}事件getAccount和getPwd中，通过this.setData将从input获取的数据存储到data中
获取会计：函数
ion(evt) { this.setData({account:evt.detail.value});//将数据存进data console.log(this.data.account); }, getPwd:function(evt) { this.setData({pwd:evt.detail.value});//将数据存进data console.log(this.data.pwd); }通过遍历数据库对象集合一一比对数据，判断账户是否存在，登陆密码是否正确，并给出消息提示
reg:function(evt)//注册函数 { const db = wx.cloud.database(); const userCollection = db.collection("user"); let flag = false //表示账户是否存在,false为初始值 userCollection.get({ success: (res) => { let user = res.data; //获取到的对象数组数据 console.log(user); for (let i = 0; i < user.length; i++) { //遍历数据库对象集合 if (this.data.account === user[i].account) { //账户已存在 flag = true; break; } } if (flag === true) { //账户已存在 wx.showToast({ title: '账号已注册！', icon: 'error', duration: 2500 }) } else { //账户未注册 userCollection.add({ data:{ account:this.data.account, pwd:this.data.pwd } }) wx.showToast({//显示注册成功信息 title: '注册成功！', icon: 'success', duration: 2500 }) wx.switchTab({//注册成功后跳转页面 url: "/index/index" }) } } }) } login:function(evt)//登录函数 { const db = wx.cloud.database(); const userCollection = db.collection("user"); let flag = false //表示账户是否存在,false为初始值 userCollection.get({ success: (res) => { let user = res.data; console.log(user); for (let i = 0; i < user.length; i++) { //遍历数据库对象集合 if (this.data.account === user[i].account) { //账户已存在 if (this.data.pwd !== user[i].pwd) { //判断密码正确与否 wx.showToast({ //显示密码错误信息 title: '密码错误！！', icon: 'error', duration: 2500 }); i=-1; //密码错误则重头开始遍历数据库对象集合 } else { wx.showToast({ //显示登录成功信息 title: '登陆成功！！', icon: 'success', duration: 2500 }) flag=true; wx.switchTab({ //登录成功后跳转页面 url: "/index/index", }) break; } } }; if(flag==false)//遍历完数据后发现没有该账户 { wx.showToast({ title: '该用户不存在', icon: 'error', duration: 2500 }) } } }) }