1. 需求分析
绘制思维导图、原型图和设计图
2. 技术方案和数据库设计
技术方案
- 前端： 框架React/Vue, UI插件Antd/Element UI, 构建工具Webpack/Vite
- 网关： Nginx作为网关层, 静态资源托管和动态资源请求做负载均衡
- 后端： Nest开发服务端, 使用Typeorm + Mysql操作数据库
- 数据缓存： Redis来做缓存, 减轻数据库的压力，提高响应速度
- API文档： Swagger生成文档
- 部署： Docker Compose构建部署
角色划分
权限控制使用 RBAC 的方式，有普通用户和管理员等角色
模块划分
按不同功能，分为不同模块：
- 用户模块，实现普通用户和管理员的登录、注册、信息修改的功能
- ...
数据库设计
- 用户表
- 角色表
- 权限表
- 功能1表
- 功能2表
- ...
3. 项目搭建设计
框架开发需要功能点：路由管理、UI组件库、状态管理、网络请求管理、数据持久化、依赖注入、国际化、测试框架、调试工具、CI/CD集成
前端
-
开发工具配置（eslint配置、vscode插件）
-
基础框架选择（Vue、React）
-
Http请求库（axios、fetch）
-
css预处理器（less、scss）
-
UI库选择（element UI、ant design、vant）
-
静态资源（图标字体、图片格式）
-
安全处理（csrf、xss、https）
-
数据mock（自己搭建yapi）
-
报警与错误处理（Sentry）
