微信小程序登陸注冊(cè)功能的實(shí)現(xiàn)代碼

Page({
data: {
name: '',
zhanghao: '',
mima: ''
},
//獲取用戶名
getName(event) {
console.log('獲取輸入的用戶名', event.detail.value)
this.setData({
 name: event.detail.value
})
},
//獲取用戶賬號(hào)
getZhangHao(event) {
console.log('獲取輸入的賬號(hào)', event.detail.value)
this.setData({
 zhanghao: event.detail.value
})
},
// 獲取密碼
getMiMa(event) {
console.log('獲取輸入的密碼', event.detail.value)
this.setData({
 mima: event.detail.value
})
},

//注冊(cè)
zhuce() {
let name = this.data.name
let zhanghao = this.data.zhanghao
let mima = this.data.mima
console.log("點(diǎn)擊了注冊(cè)")
console.log("name", name)
console.log("zhanghao", zhanghao)
console.log("mima", mima)
//校驗(yàn)用戶名
if (name.length < 2) {
 wx.showToast({
  icon: 'none',
  title: '用戶名至少2位',
 })
 return
}
if (name.length > 10) {
 wx.showToast({
  icon: 'none',
  title: '用戶名最多10位',
 })
 return
}
//校驗(yàn)賬號(hào)
if (zhanghao.length < 4) {
 wx.showToast({
  icon: 'none',
  title: '賬號(hào)至少4位',
 })
 return
}
//校驗(yàn)密碼
if (mima.length < 4) {
 wx.showToast({
  icon: 'none',
  title: '密碼至少4位',
 })
 return
}
//注冊(cè)功能的實(shí)現(xiàn)
wx.cloud.database().collection('user').add({
 data: {
  name: name,
  zhanghao: zhanghao,
  mima: mima
 },
 success(res) {
  console.log('注冊(cè)成功', res)
  wx.showToast({
   title: '注冊(cè)成功',
  })
  wx.navigateTo({
   url: '../login/login',
  })
 },
 fail(res) {
  console.log('注冊(cè)失敗', res)
 }
})
}
})

Page({
data: {
zhanghao: '',
mima: ''
},
//獲取輸入的賬號(hào)
getZhanghao(event) {
//console.log('賬號(hào)', event.detail.value)
this.setData({
 zhanghao: event.detail.value
})

},
//獲取輸入的密碼
getMima(event) {
// console.log('密碼', event.detail.value)
this.setData({
 mima: event.detail.value
})
},
//點(diǎn)擊登陸
login() {
let zhanghao = this.data.zhanghao
let mima = this.data.mima
console.log('賬號(hào)', zhanghao, '密碼', mima)
if (zhanghao.length < 4) {
 wx.showToast({
  icon: 'none',
  title: '賬號(hào)至少4位',
 })
 return
}
if (mima.length < 4) {
 wx.showToast({
  icon: 'none',
  title: '賬號(hào)至少4位',
 })
 return
}

//登陸
wx.cloud.database().collection('user').where({
 zhanghao: zhanghao
}).get({
 success(res) {
  console.log("獲取數(shù)據(jù)成功", res)
  let user = res.data[0]
  console.log("user", user)
  if (mima == user.mima) {
   console.log('登陸成功')
   wx.showToast({
    title: '登陸成功',
   })
   // wx.navigateTo({
   //  url: '../home/home?name=' + user.name,
   // })
   wx.navigateTo({
    url: '/pages/me/me',
   })
   //保存用戶登陸狀態(tài)
   wx.setStorageSync('user', user)
  } else {
   console.log('登陸失敗')
   wx.showToast({
    icon: 'none',
    title: '賬號(hào)或密碼不正確',
   })
  }
 },
 fail(res) {
  console.log("獲取數(shù)據(jù)失敗", res)
 }
})

}
})

Page({
data: {
loginOK: false
},
//去登陸頁(yè)
denglu() {
wx.navigateTo({
 url: '/pages/login/login',
})
},
//去注冊(cè)頁(yè)
zhuce() {
wx.navigateTo({
 url: '/pages/index/index',
})
},
onShow() {
let user = wx.getStorageSync('user')
if (user && user.name) {
 this.setData({
  loginOK: true,
  name: user.name
 })
} else {
 this.setData({
  loginOK: false
 })
}
},

//退出登陸
tuichu() {
wx.setStorageSync('user', null)
let user = wx.getStorageSync('user')
if (user && user.name) {
 this.setData({
  loginOK: true,
  name: user.name
 })
} else {
 this.setData({
  loginOK: false
 })
}
}
})