✨ 新增功能: - 全局路由守卫模块 (route-guard.js) - 多层次权限验证 (登录状态+Token存在+Token过期检查) - 自动拦截机制 (页面级+跳转级+HTTP级+应用级) - 401响应自动处理和跳转 - 路由守卫测试页面 🔧 技术实现: - checkPageAccess() 全局页面权限检查 - guardedNavigate/guardedSwitchTab 带权限检查的跳转 - handleUnauthorized() HTTP拦截器401处理 - 公开页面配置管理 - 优雅的错误提示和跳转逻辑 📱 页面集成: - App.vue 初始化路由守卫 - profile/workbench 页面添加权限检查 - index 页面优化跳转逻辑 - 新增测试页面验证功能 📚 文档完善: - 移动端路由守卫使用指南 - 详细的变更记录和技术说明 - 最佳实践和注意事项 🎯 核心效果: 用户登录失效或未登录时,访问任何需要权限的页面都自动跳转到登录页,提升安全性和用户体验。
63 lines
1.6 KiB
Markdown
63 lines
1.6 KiB
Markdown
# 原型文件管理规范
|
|
|
|
## 📁 目录结构
|
|
```
|
|
docs/原型文件/
|
|
├── 移动端/ # 移动端原型文件(Axure/Figma/Sketch等)
|
|
├── web端/ # Web端原型文件
|
|
└── README.md # 本说明文档
|
|
```
|
|
|
|
## 📝 管理规范
|
|
|
|
### 1. 文件命名规则
|
|
- **格式**: `[功能模块]_v[版本号]_[日期].[扩展名]`
|
|
*示例: `登录模块_v1.2_20250105.fig`*
|
|
- **版本号**: 主版本.次版本(重大变更改主版本,小调整改次版本)
|
|
- **日期格式**: YYYYMMDD
|
|
|
|
### 2. 版本控制要求
|
|
- 每次修改必须保留历史版本(禁止覆盖)
|
|
- 版本变更需在`更新日志`中记录
|
|
|
|
### 3. 文件类型
|
|
- **推荐格式**:
|
|
- Figma (.fig)
|
|
- Axure (.rp)
|
|
- 可交互HTML
|
|
- PDF截图(需包含版本信息)
|
|
|
|
### 4. 关联文档
|
|
- 每个原型文件必须关联到:
|
|
- `docs/需求文档/`中的对应需求文档
|
|
- `docs/业务模块/`中的相关业务说明
|
|
|
|
### 5. 更新流程
|
|
```mermaid
|
|
graph TD
|
|
A[需求变更] --> B[更新原型]
|
|
B --> C[版本号+1]
|
|
C --> D[更新日志记录]
|
|
D --> E[同步关联文档]
|
|
```
|
|
|
|
## 🗂️ 子目录说明
|
|
|
|
### 移动端原型
|
|
- 存放位置: `移动端/`
|
|
- 特殊要求:
|
|
- 需包含各屏幕尺寸适配方案
|
|
- 标注全局手势操作
|
|
- 提供标准组件库文件
|
|
|
|
### Web端原型
|
|
- 存放位置: `web端/`
|
|
- 特殊要求:
|
|
- 注明响应式断点
|
|
- 包含权限状态展示
|
|
- 提供配色规范文件
|
|
|
|
## 📅 更新日志
|
|
| 版本 | 日期 | 修改人 | 变更说明 |
|
|
|------|------------|----------|--------------------------|
|
|
| v1.0 | 2025-01-05 | 系统生成 | 初始创建文档 | |