You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
# Proposal: 前端现代化重构
|
|
|
|
|
|
|
|
|
|
|
|
## Why
|
|
|
|
|
|
现有 RuoYi-Vue 前端使用 Vue2 + Vue CLI + Element UI，存在以下问题：
|
|
|
|
|
|
1. 技术栈陈旧，Vue2 已停止维护
|
|
|
|
|
|
2. 构建速度慢（Vue CLI）
|
|
|
|
|
|
3. UI 风格老旧，不符合现代审美
|
|
|
|
|
|
4. 组件复用性差，代码冗余
|
|
|
|
|
|
5. 缺乏数据可视化能力
|
|
|
|
|
|
|
|
|
|
|
|
## What
|
|
|
|
|
|
重构前端为现代化架构：
|
|
|
|
|
|
1. 升级到 Vue3 + Vite + Composition API
|
|
|
|
|
|
2. 采用参考 demo-dashboard-heatmap.html 的深色主题和数据可视化风格
|
|
|
|
|
|
3. 使用 ECharts 5 实现数据可视化
|
|
|
|
|
|
4. 重构组件库，提升复用性
|
|
|
|
|
|
5. 优化路由和状态管理
|
|
|
|
|
|
6. 保持与现有系统管理模块的兼容性
|
|
|
|
|
|
|
|
|
|
|
|
## Success Criteria
|
|
|
|
|
|
1. 前端可正常运行，所有现有功能可用
|
|
|
|
|
|
2. 界面风格现代化，参考 demo 的深色主题
|
|
|
|
|
|
3. 构建速度提升 50% 以上
|
|
|
|
|
|
4. 组件复用率提升 30%
|
|
|
|
|
|
5. 数据可视化功能完整
|
|
|
|
|
|
|
|
|
|
|
|
## Non-Goals
|
|
|
|
|
|
- 不改变后端 API
|
|
|
|
|
|
- 不修改业务逻辑
|
|
|
|
|
|
- 不新增业务功能
|
|
|
|
|
|
|
|
|
|
|
|
## Dependencies
|
|
|
|
|
|
- 依赖 refactor-architecture-analysis 的交互规范
|
