文章目录
- 十一、用户信息管理
- 1、用户基本资料管理
- 1.1 页面设计
- 1.2 封装接口,更新信息
- 2、更换头像
- 2.1 静态结构
- 2.2 选择图片预览
- 2.3 上传头像
- 3、重置密码
- 3.1 页面设计
- 3.2 封装接口,更新密码
- 十二、项目打包
- 十三、系统全部源码下载
十一、用户信息管理
用户信息管理包括功能:基本资料、更换头像和重置密码。

1、用户基本资料管理
1.1 页面设计

用户基本资料表单使用一个el-form表单组件,有四行内容,前三行是输入框,第四行是按钮:
- 第一行 label 登录名称,输入框禁用不可输入状态
- 第二行 label 用户昵称,输入框可输入
- 第三行 label 用户邮箱,输入框可输入
- 第四行按钮,提交修改
并且需要实现给昵称和 邮箱添加校验
- 昵称 nickname 必须是2-10位的非空字符串
- 邮箱 email 符合