当前位置: 首页 > news >正文

微信小程序更改头像昵称

背景

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

解决思路

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

<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练习生》

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

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

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

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

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

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

http://www.lryc.cn/news/16307.html

相关文章:

  • Linux 基础知识之文件系统
  • LeetCode 36. 有效的数独
  • 2023-02-22 cascades-columbia-核心处理记录
  • 华为分布式存储(FusionStorage)
  • 说说 React 中 fiber、DOM、ReactElement、实例对象之间的引用关系
  • LaTex公式使用(Word中的公式编辑,尤其是方程组等联合公式)
  • S5P6818_系统篇(2)源码编译及烧录
  • LDPC码的编译码原理简述
  • 网络安全——数链路层据安全协议
  • spring的启动过程(一) :IOC容器的启动过程
  • 这次,我的CentOS又ping不通www.baidu.com了(gateway配置)
  • 启智社区“我为开源狂”第六期活动小白教程之基础活跃榜
  • 华为OD机试 - 区块链文件转储系统(Python)【2023-Q1 新题】
  • 【字节面试】Fail-fast知识点相关知识点
  • git应用笔记(三)
  • 有序表的应用:设计一个增、删、查数据的时间复杂度均为O(logN)的结构
  • 离线环境拷贝迁移 conda envs 环境(蛮力方法,3行命令)
  • 【数据结构与算法】字符串1:反转字符串I 反转字符串II 反转字符串里的单词 剑指offer(替换空格、左旋转字符串)
  • 深入浅出C++ ——容器适配器
  • 电脑常用知识与工作常用工具
  • JS的事件循环
  • 【阿旭机器学习实战】【31】股票价格预测案例--线性回归
  • 浅谈毫米波技术与应用
  • 给安全平台编写插件模块的思路分享
  • 4123版驱动最新支持《霍格沃茨之遗》,英特尔锐炫显卡带你畅游魔法世界
  • OSI模型和网络协议简介
  • 传感器原理及应用期末复习汇总(附某高校期末真题试卷)
  • 【亲测2022年】网络工程师被问最多的面试笔试题
  • Web前端:全栈开发人员的责任
  • C语言之通讯录的实现