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

主要步骤:

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;

提升用户使用体验

1、可以在修改的时候对用户的操作实当进行些提醒,让用户体验更舒适,
可以使用微信自带的API

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

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

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

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

你可能感兴趣的:(微信小程序开发学习)