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

主要步骤:

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
   });
 },
  • 2
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值