微信小程序中注册页面设计

.wxml

<text>姓名</text>
<input placeholder="请输入姓名" bindinput="getname" ></input>
<text>班级</text>
<input placeholder="请输入班级" bindinput="getbanji"></input>
<text>手机号</text>
<input placeholder="请输入手机号" bindinput="getnumber"></input>
<text>邮箱号</text>
<input placeholder="请输入邮箱号" bindinput="getmail"></input>
<button bindtap="registry">注册</button>

.js

var name
var banji
var number
var mail
Page({
 getname(e){
 name=e.detail.value
 console.log(name)
 },
 getbanji(e){
  banji=e.detail.value
  console.log(banji)
  },
  getnumber(e){
    number=e.detail.value
    console.log(number)
    },
    getmail(e){
      mail=e.detail.value
      console.log(mail)
      },
registry(){
  const DB=wx.cloud.database().collection("zhuce")
  .add({
    data:{
      name:name,
      banji:banji,
      number:number,
      mail:mail

    },success(res){
      console.log("添加成功",res)
      wx.showToast({
        title: '添加成功',
      })
    },
    fail(err){
      console.log("添加失败",err)
    }

  })
},

})