# P01_errlens_app - 架构设计 ## 系统架构 采用微服务架构,前后端分离。 ### 架构图 ``` ┌─────────────────────────────────────────────────────┐ │ 前端层 │ │ React + TypeScript + Tailwind CSS │ └──────────────────────┬──────────────────────────────┘ │ HTTP/WebSocket ▼ ┌─────────────────────────────────────────────────────┐ │ API网关 │ │ Express + Middleware │ └──────────────────────┬──────────────────────────────┘ │ ┌─────────────────┼─────────────────┐ ▼ ▼ ▼ ┌──────────┐ ┌──────────┐ ┌──────────┐ │ 代码分析 │ │ AI服务 │ │ 用户管理 │ │ Service │ │ Service │ │ Service │ └──────────┘ └──────────┘ └──────────┘ │ │ │ └─────────────────┼─────────────────┘ ▼ ┌──────────────┐ │ PostgreSQL │ └──────────────┘ ``` ## 核心模块 ### 1. 代码分析模块 - 解析源代码 - 静态分析检测 - 错误分类与评级 ### 2. AI 服务模块 - 调用 AI 模型 - 生成修复建议 - 优化提示词 ### 3. 用户管理模块 - 用户认证授权 - 使用统计 - 个性化配置 ## 目录结构 ``` src/ ├── api/ # REST API 路由 ├── controllers/ # 业务逻辑 ├── services/ # 核心服务 ├── models/ # 数据模型 ├── middleware/ # 中间件 └── utils/ # 工具函数 ```