个人中心

功能需求表

序号	功能需求	需求描述	功能说明	校验规则	交互说明与流程	涉及字段	错误提示	成功提示
1	手机号查看与修改	显示当前用户手机号，支持通过弹窗修改	展示字段：手机号（只读文本 + 链接） 点击"修改手机号"链接，弹出弹窗 弹窗字段：旧手机号（只读）、旧手机号验证码（文本输入框）、新手机号（文本输入框）、新手机号验证码（文本输入框） 弹窗按钮：取消、确认	旧手机号验证码：6位数字校验 新手机号：11位数字校验 新手机号验证码：6位数字校验	1.点击"修改手机号"链接 2.弹出底部模态弹窗 3.输入旧手机号验证码 4.输入新手机号 5.输入新手机号验证码 6.点击"确认"按钮 7.前端校验通过 8.调用修改接口 9.保存成功，显示成功提示 10.弹窗关闭，页面刷新	旧手机号、旧手机号验证码、新手机号、新手机号验证码	请输入旧手机号验证码 旧手机号验证码格式不正确 请输入新手机号 请输入正确的手机号 请输入新手机号验证码 新手机号验证码格式不正确 新手机号已存在	手机号修改成功
2	用户名编辑	支持用户修改用户名	字段定义：用户名（文本输入框，必填，占位符"请输入用户名"） 必填标识：左侧红色星号（*）	用户名：不能为空；4-20位字母数字下划线；唯一性校验	1.点击用户名输入框 2.输入新的用户名 3.失去焦点时进行唯一性校验 4.点击"保存"按钮时再次校验	用户名	请输入用户名 用户名长度为4-20位，仅支持字母、数字、下划线 该用户名已存在	-
3	邮箱编辑	支持用户修改邮箱	字段定义：邮箱（文本输入框，必填，占位符"请输入邮箱"） 必填标识：左侧红色星号（*）	邮箱：不能为空；邮箱格式校验；唯一性校验	1.点击邮箱输入框 2.输入新的邮箱地址 3.失去焦点时进行格式和唯一性校验 4.点击"保存"按钮时再次校验	邮箱	请输入邮箱 请输入正确的邮箱地址 该邮箱已存在	-
4	用户姓名编辑	支持用户修改真实姓名	字段定义：用户姓名（文本输入框，必填，占位符"请输入姓名"） 必填标识：左侧红色星号（*）	用户姓名：2-50个字符校验	1.点击用户姓名输入框 2.输入真实姓名 3.失去焦点时进行格式校验 4.点击"保存"按钮时再次校验	用户姓名	用户姓名长度为2-50个字符 请输入姓名	-
5	头像上传	支持用户上传或更换头像	上传后状态：显示已上传的头像图片，提供删除或更换选项 支持格式：JPG、PNG、GIF 大小限制：≤5M	文件格式：JPG/PNG/GIF 文件大小：≤5M	1.点击上传区域 2.选择文件 3.文件格式和大小校验 4.上传成功后显示预览 5.可点击删除或更换	头像	文件格式不支持，请上传JPG/PNG/GIF格式 文件大小超过限制，请上传5M以内的文件	-
6	保存个人信息	保存用户修改的个人信息	提交当前表单数据（用户名、邮箱、姓名、头像）	所有必填字段必须填写 所有校验必须通过	1.修改完需要保存的字段 2.点击"保存"按钮 3.前端进行校验 4.调用保存接口 5.保存成功，显示成功提示	用户名、邮箱、用户姓名、头像	请填写完整信息 保存失败，请稍后重试	个人信息保存成功

提示信息表

场景	提示类型	提示内容
保存成功	Success	个人信息保存成功
手机号修改成功	Success	手机号修改成功
验证码发送成功	Success	验证码已发送，请注意查收
用户名长度为4-20位，仅支持字母、数字、下划线	Error	用户名长度为4-20位，仅支持字母、数字、下划线
请输入邮箱	Error	请输入邮箱
请输入正确的邮箱地址	Error	请输入正确的邮箱地址
该邮箱已存在	Error	该邮箱已存在