Vue3项目开发——新闻发布管理系统（九）（完结篇）
文章目录
- 十一、用户信息管理
- 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 符合