👤 个人中心

查看当前 Admin 账户信息、修改登录密码。

页面结构

  • 账户信息卡片:头像(首字母) + 用户名 + 角色Badge + ID
  • 账户资料卡片:手机号 / 角色 / 登录方式(只读展示)
  • 修改密码卡片:旧密码 / 新密码 / 确认新密码 + 提交按钮

触发时机详解

1. 页面加载 → 仅展示数据(无额外请求)

触发条件:页面加载时,用户信息从 AuthContext(localStorage)读取,无需额外 API 请求

2. 点击「确认修改」→ PUT /api/admin/auth/password

触发条件:填写旧密码+新密码+确认密码 → 点击"确认修改"按钮 → 表单提交
PUT /api/admin/auth/password
✅ 点击"确认修改"按钮触发(需完整填写表单)
参数类型必填说明
oldPasswordstring必填旧密码
newPasswordstring必填新密码(至少6位)

响应: {"success": true}

3. 前端校验(无需请求)

校验规则:
  • 新密码 ≠ 确认密码 → 提示"新密码与确认密码不一致"
  • 新密码长度 < 6 → 提示"新密码至少6位"