uniapp商城之用户模块【个人信息】

文章目录


前言

用户对会员信息进行更新操作,涉及到表单数据提交、图片读取、文件上传等。

一、前提准备

1.新建分包页面

2.静态结构

3.自定义导航

二、获取和渲染

登录后才可以获取用户个人信息,目前已封装请求拦截器,拦截器中自动添加了token,无需再手动添加。

1.封装API接口

2.初始化调用

3.定义类型

发现该用户详情类型定义中与用户登录的某些字段一样,将共有部分提取可进行封装,如下

4.页面渲染

三、修改用户头像

1. 调用拍照/选择图片

通过uni.chooseMedia()读取用户相册的照片或者拍照

2.获取图片路径

3.上传文件

4.更新头像

四、修改用户昵称

1.封装API接口

2.定义类型

3.点击保存调用并提示


4.同步头像昵称

在修改昵称保存后并返回到上一页

五、修改用户性别

根据单选事件获取到性别,然后提交更新

六、修改用户生日

pick组件使用@change事件收集数据。

七、修改用户所在城市

相关推荐
weixin_4541024617 分钟前
cordova android12+升级一些配置注意事项
android·前端·cordova
BillKu37 分钟前
node.js、npm相关知识
前端·npm·node.js
靠近彗星37 分钟前
基于 Vue + Django + MySQL 实现个人博客/CMS系统
前端·vue.js·python·mysql·django
予安灵44 分钟前
《白帽子讲 Web 安全》之服务端请求伪造(SSRF)深度剖析:从攻击到防御
前端·安全·web安全·网络安全·安全威胁分析·ssrf·服务端请求伪造
锋行天下1 小时前
WebSocket 即时通讯前后端设计和基于token的鉴权
前端·后端
树上有只程序猿1 小时前
前端方面移动端适配方法,减少兼容性问题
前端
学吧别真挂了1 小时前
正则表达式从入门到飞升:覆盖90%前端场景的秘籍
前端·javascript·正则表达式
森叶1 小时前
利用 Chrome devTools Source Override 实现JS逆向破解案例
前端·javascript·chrome devtools
welkin1 小时前
KMP 个人理解
前端·算法
用户90561493152221 小时前
Flutter开发入门总结
前端