今天完善小程序代码，今天写剩下的修改密码和个人信息功能。修改密码没什么特殊，用户输入原密码，新密码和二次确认，我们把忘记密码放在了登录界面，防止其他人员在小程序内部修改密码。个人信息部分包含了用户头像、昵称、性别、手机号和地址等信息，用户可以自行编辑手机号和地址，并保存到本地缓存中。用户信息的获取通过调用小程序内置的 wx.getUserInfo() 方法实现，手机号和地址的保存和读取使用了小程序提供的 wx.setStorageSync() 和 wx.getStorageSync() 方法。
这部分比较通用，js代码附上：
Page({
data: {
userInfo: {}, // 存储用户信息
phone: '', // 存储用户手机号
address: '', // 存储用户地址
},
onl oad() {
// 获取用户信息
wx.getUserInfo({
success: res => {
this.setData({
userInfo: res.userInfo
})
}
})
},
bindPhoneInput(e) {
// 监听手机号输入
this.setData({
phone: e.detail.value
})
},
bindAddressInput(e) {
// 监听地址输入
this.setData({
address: e.detail.value
})
},
saveUserInfo() {
// 保存用户信息
wx.setStorageSync('phone', this.data.phone)
wx.setStorageSync('address', this.data.address)
wx.showToast({
title: '保存成功',
icon: 'success'
})
},
onShow() {
// 页面显示时获取用户之前存储的手机号和地址
const phone = wx.getStorageSync('phone')
const address = wx.getStorageSync('address')
this.setData({
phone,
address
})
}
})