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

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

前言

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

一、前提准备

在这里插入图片描述

1.新建分包页面

在这里插入图片描述

2.静态结构

在这里插入图片描述

3.自定义导航

在这里插入图片描述

二、获取和渲染

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

1.封装API接口

在这里插入图片描述

2.初始化调用

在这里插入图片描述

3.定义类型

在这里插入图片描述
发现该用户详情类型定义中与用户登录的某些字段一样，将共有部分提取可进行封装，如下

4.页面渲染

在这里插入图片描述

三、修改用户头像

1. 调用拍照/选择图片

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

2.获取图片路径

3.上传文件

4.更新头像

在这里插入图片描述

四、修改用户昵称

1.封装API接口

在这里插入图片描述

2.定义类型

在这里插入图片描述

3.点击保存调用并提示

在这里插入图片描述

4.同步头像昵称

在修改昵称保存后并返回到上一页
在这里插入图片描述

五、修改用户性别

根据单选事件获取到性别，然后提交更新
在这里插入图片描述

六、修改用户生日

pick组件使用@change事件收集数据。
在这里插入图片描述

七、修改用户所在城市

悦读

道可道，非常道；名可名，非常名。无名，天地之始，有名，万物之母。故常无欲，以观其妙，常有欲，以观其徼。此两者，同出而异名，同谓之玄，玄之又玄，众妙之门。

代码随想录算法训练营Day29 | 134. 加油站 | 135. 分发糖果 | 860.柠檬水找零 | 406.根据身高重建队列

文件流操作之：std::ifstream 和std::ofstream 的异同点

低成本学习IT技术

云计算在医疗行业的应用

HTML5网页设计制作基础大二dreamweaver作业、使用HTML+CSS技术制作博客网站（5个页面）

mysql的having语句

Python 装饰器的用法，不改变函数源码，增加新的功能

C#-OpenFileDialog

【STM32进阶-RTC时钟应用的详细步骤+源码】

VScode页面开发

;