HaHafeng
3634933ece
- feat: Create ASLLayout component with 7-module left navigation - feat: Implement Title Screening Settings page with optimized PICOS layout - feat: Add placeholder pages for Workbench and Results - fix: Fix nested routing structure for React Router v6 - fix: Resolve Spin component warning in MainLayout - fix: Add QueryClientProvider to App.tsx - style: Optimize PICOS form layout (P+I left, C+O+S right) - style: Align Inclusion/Exclusion criteria side-by-side - docs: Add architecture refactoring and routing fix reports Ref: Week 2 Frontend Development Scope: ASL module MVP - Title Abstract Screening
60 lines
1.1 KiB
Markdown
60 lines
1.1 KiB
Markdown
# 前端架构
|
|
|
|
## 📋 目录
|
|
|
|
本目录包含平台前端的架构设计文档。
|
|
|
|
### 文档列表
|
|
|
|
- **[01-前端总体架构设计.md](./01-前端总体架构设计.md)** - 平台级前端架构总体设计
|
|
- **[02-导航结构设计.md](./02-导航结构设计.md)** - 顶部导航和左侧导航的详细设计
|
|
- **[03-架构原型图.html](./03-架构原型图.html)** - 交互式前端架构原型图
|
|
|
|
---
|
|
|
|
## 🎯 设计原则
|
|
|
|
### 1. 模块化设计
|
|
- 每个功能模块独立开发、独立部署
|
|
- 模块间无依赖关系，可独立运行
|
|
- 支持模块独立产品化
|
|
|
|
### 2. 权限控制设计
|
|
- 基于用户版本的权限控制
|
|
- 灵活的功能模块开关机制
|
|
- 版本配置可动态调整
|
|
|
|
### 3. 可扩展性设计
|
|
- 预留新模块接入接口
|
|
- 插件化的模块加载机制
|
|
- 配置驱动的功能开关
|
|
|
|
---
|
|
|
|
## 📚 相关文档
|
|
|
|
- [系统架构分层设计](../../00-系统总体设计/01-系统架构分层设计.md)
|
|
- [模块化架构设计](../../00-系统总体设计/06-模块独立部署与单机版方案.md)
|
|
|
|
---
|
|
|
|
**维护者：** 前端开发团队
|
|
**最后更新：** 2025-11-07
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|