小程序开发-用户对自己信息的更改

主要步骤：

1、为输入个性签名设置输入框：将框中的值设为signatrue

<input type="text" value="{
           
    { signature }}" bindinput="handleText" />

2、在js页面中编写处理函数。 （1）在载入页面时进行初次渲染,app为全局变量，在页面开始时记得使用getApp()进行导入。

onReady: function () {
          
   
    this.setData({
          
   
      signature: app.userInfo.signature
    });
  },

（2）接收input中的信息后更新数据库和对页面再次渲染，还要记得更新全局变量。

db.collection(users).doc(app.userInfo._id).update({
          
   
      data : {
          
   
        signature : this.data.signature
      }
    })

app.userInfo.signature = this.data.signature;

提升用户使用体验

wx.showLoading({
          
   
      title: 更新中
    })

wx.showToast({
          
   
       title: 更新成功
     });

更改信息后在每一次页面显示对数据进行更新

在小程序的周期函数：onShow中进行修改数据更新即可

–

onShow: function () {
          
   
   this.setData({
          
   
     userPhoto : app.userInfo.userPhoto,
     nickName : app.userInfo.nickName,
     id: app.userInfo._id
   });
 },