47 lines
2.0 KiB
Markdown
47 lines
2.0 KiB
Markdown
# 6.23 首页与个人中心
|
|
|
|
:::tip 概述
|
|
index 模块面向登录后的当前用户：用户信息、菜单下发、个人资料与密码维护。它是前端登录后的第一站（仪表盘与个人中心共用其接口）。
|
|
:::
|
|
|
|
## 功能清单
|
|
|
|
| 接口 | 说明 |
|
|
|---|---|
|
|
| GetUser | 当前登录用户信息（身份、角色、部门等） |
|
|
| GetMenus | 当前用户菜单树（按角色过滤，前端动态路由数据源） |
|
|
| GetMenusById | 按 ID 取菜单（管理场景） |
|
|
| UpdatePassword | 修改个人密码（校验旧密码 → crypto 哈希落库） |
|
|
| UpdateProfile | 更新个人资料（昵称、头像等） |
|
|
|
|
## 在前端流程中的位置
|
|
|
|
```text
|
|
登录成功 → GetMenus（菜单树）→ asyncRoute store 生成路由 → addRoute
|
|
→ GetUser（用户信息）→ user store → 布局渲染（头像/名称/面包屑）
|
|
```
|
|
|
|
菜单接口的返回结构决定侧边栏形态与前端路由表——它是动态菜单机制的后端一半（前端一半见 [9.5 路由与动态菜单](/zh/frontend/router.html)）。
|
|
|
|
## 密码修改安全点
|
|
|
|
- 旧密码必验（防会话被盗用改密）
|
|
- 新密码经外部 salt + bcrypt 哈希
|
|
- 修改成功后其他会话可经在线用户页强制下线
|
|
|
|
## 界面入口
|
|
|
|
| 界面 | 内容 |
|
|
|---|---|
|
|
| dashboard/console | 首页仪表盘（CountTo 统计卡片 + echarts 图表） |
|
|
| setting/profile | 个人中心（资料编辑 + 修改密码 + 头像裁剪） |
|
|
|
|
:::warning 仪表盘数据现状
|
|
`ui/src/api/dashboard/console.ts` 的 `getConsoleInfo()` 目前返回**前端内置的模拟数据**（源码注释"模拟控制台数据"），没有对应后端统计接口——访问量/销售额等卡片为演示效果。接入真实统计时需新增后端 dashboard 接口并替换该函数；运行状态类真实数据请用监控中心接口（serverMonitor/onlineUser 等）。
|
|
:::
|
|
|
|
## 相关
|
|
|
|
- [9.8 登录流程](/zh/frontend/login.html)
|
|
- [5.2 认证与授权流程](/zh/core/auth-flow.html)
|