微信小程序云开发之登录注册界面 详细教程 更新版

前言

     本此博客为前注册登录界面的优化版：
         优化了如下内容：
             1. 对注册次数进行约束，每一个用户只可注册一个账号；
             2. 优化了在onload()函数中获取用户信息的；
             3. 解决了res.data无法将从数据库查找出来的信息提取出来的问题；
             4. 优化了登录注册函数的逻辑结构；
             5. 优化了数据库信息；

1.对于注册次数的约束

为了保住账号的唯一性，因此对注册次数进行了优化，通过利用用户的appid，每当触发注册函数 enroll（）时，就通过获取的appid对数据库进行查询数据，将appid所对应的数据返回给js层。在通过前端获取的用户输入的姓名和学号与数据库查询到的姓名和学号进行对比，当学号和姓名有一个相等时，应该提示用户学号或者姓名已经被注册，（登录则是而且都相等的情况下），当而且都不相等时，才对数据库进行添加数据操作，将前端获取的数据添加到数据库中。这样注册完之后，当再次用同样的姓名或者是学号注册时，就会提示注册失败。

2 新建云函数getuserInfo

新建云函数的目的是在js层中的onload（）初始化函数中，获取用户的appid等信息，此信息将用于和数据库的交互。

新建云函数中index.js界面，

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
   
  let {
   OPENID,APPID,UNIONID} = cloud.getWXContext()
  return {
   
    OPENID,
    APPID,
    UNIONID,
  }
}

登录注册节目的js层

onLoad:function(openid){
   
    this.setData({
   
      errMsg: ''