前端后分离
定义
前后端分离是一种现代Web应用开发架构模式。在这种模式下，前端（负责用户界面和交互）和后端（负责业务逻辑和数据处理）被划分为两个独立的系统。它们通过规范的API接口（通常是REST API）进行数据交互，各自可以使用最适合的技术栈独立开发、测试和部署。
- 这种架构带来多项优势：前端团队可以专注于用户体验优化，后端团队专注于业务逻辑实现；系统更容易扩展和维护；支持多种客户端（Web、移动端等）复用同一套后端服务；开发效率得到提升 。
涉及到的技术栈
| 技术名称 | 作用 |
|---|---|
| React | 用于构建用户界面的JavaScript库，提供组件化开发能力 |
| Router | 前端路由管理，负责页面间的导航和URL管理 |
| Redux | React状态管理库，用于管理全局状态和数据流 |
| ShadCN UI | 高质量的React UI组件库，提供现代化的UI组件 |
| Tailwind CSS | 实用优先的CSS框架，提供大量预定义的工具类 |
| Axios | 基于Promise的HTTP客户端，用于发送Ajax请求 |
| RESTful API | 一种软件架构风格，定义了客户端和服务器之间的交互规范 |
| Swagger | API文档工具，自动生成并维护API文档 |
| Gateway | API网关，提供统一的API入口，处理认证、限流等 |
| Controller | 处理HTTP请求，接收和响应客户端请求的控制器 |
| Service | 业务逻辑层，封装核心业务逻辑 |
| DAO | 数据访问对象，负责与数据库交互 |
| Database | 数据库，持久化存储应用数据 |