前言
- 如何从0到1全栈开发一个管理后台项目？如：读书管理后台
- 技术栈：大前端主流框架（
Vue3全家桶 + NestJS + Vite4 + TS4 + Mysql8 + Nginx）与高Star提效框架（WindiCSS + wujie + vue-vben-admin），包含无界微前端框架（基于WebComponent和iframe最新理念） - 业务功能：包含框架搭建、用户登录、权限管理、图书管理等。
项目需求
- 开发一个管理后台站点
- 管理后台站点支持以下功能
- 用户登录
- 权限管理：管理菜单、管理用户、管理角色、管理权限
- 图书管理：图书列表查询、图书上传、图书阅读
需求分析
1. 登录
登录流程-原型图
2. 权限管理
权限管理-原型图
3. 图书管理
图书管理-原型图
技术架构
1.如何建站？
- 域名：阿里云租用域名
- 服务器：租用阿里云ECS服务器
- Web服务：Nginx
技术架构图
注意：开发之前要弄清楚，整个数据和服务的流向
2.前端技术栈
- 框架：vue-vben-admin（SPA：单页应用框架，即url变化，页面不刷新）
- 核心库：Vue3全家桶（vue3 + vue-router4 + pinia2状态管理库/取代vuex）、vite4构建工具、ant-design-vue组件库、windicss
3.后端技术栈
- 框架：Node.js + NestJS （像 Java Spring MVC 的后端框架库）
- 依赖注入（核心特性：不需要写很多的服务注册代码，直接通过注解的方式实现）
- Restful API
- JWT 鉴权
- CORS 跨域
- ORM 模型（实现数据库的查询）
- 数据库：MySQL
项目阶段
一、前后端框架搭建
二、登录模块开发
三、前端控制权限模型开发
四、图书模块开发
五、后端控制权限模块开发
六、基于无界微前端的项目架构升级
完成微前端主应用和子应用的拆解和项目架构升级
