微信小程序更改头像昵称

背景

前面写了一篇关于小程序头像昵称获取更改的方案，有很多小伙伴私信我发一个整体的逻辑思路！

解决思路

前面的这篇文章中我们给出了页面中获取头像昵称的代码：

<view class="headInfo" data-weui-theme="{{theme}}"><button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"><image class="avatar" src="{{avatarUrl}}"></image></button> <input type="nickname" value="{{nickname}}" bindblur="onUpdateNick" class="weui-input" placeholder="请输入昵称"/>
</view>

上方代码中我们可以很清晰的看到用户的头像和昵称，使用button和input输入框来填充或者更改的。

初始进入本页面的时候，在js中请求后台获取用户头像及昵称信息，填充到相对应的变量中，具体如下：

  getUserInfo(){var params = "userId=" +app.globalData.userIdcommon.getDataByParam("consumer/user_info",this.doSuccesUserInfo,this.doFailUserInfo,params)},doSuccesUserInfo(e){console.log(e)if (common.isReturnSuccess(e)) {this.setData({avatarUrl:e.data.headSculpture,nickname:e.data.nick})}console.log(this.data)},

在onload初始化加载的时候请求getUserInfo函数来获取用户的头像和昵称信息。

这就是我的获取用户头像昵称信息。

然后通过button更改用户头像、昵称的时候，调用相对应的方法更该用户昵称和头像即可！

这就是我的方案，又想体验小程序的，可以去《微点记账》看看功能，提点宝贵意见！

也欢迎大家关注我的公众号《coder练习生》

这篇文章因为文字段被标记为质量低，以下文字就是为了打破它的文字段而造成的质量低！

相信和我一样遇到这个问题的的小伙伴们，心里也已经暗自问候了这个产品经理的祖总十八代了吧！

算法实在是不敢苟同，文字的长短和文章的质量有毛线的关系吗？

这篇文章因为文字段被标记为质量低，以下文字就是为了打破它的文字段而造成的质量低！

相信和我一样遇到这个问题的的小伙伴们，心里也已经暗自问候了这个产品经理的祖总十八代了吧！

算法实在是不敢苟同，文字的长短和文章的质量有毛线的关系吗？