Deliverable for WANFi

docs/99-reference/架构模型.md

@@ -0,0 +1,26 @@
+后端（Java + Spring Boot）
+1. Spring Boot：使用Spring Boot框架来简化配置和开发。Spring Boot提供了许多开箱即用的功能，如依赖注入、数据访问、事务管理等。
+2. Spring Data JPA：使用Spring Data JPA来简化数据库操作。它提供了对MySQL数据库的强大支持，并且可以通过简单的接口定义来实现复杂的查询。
+3. 安全性：使用Spring Security来实现用户认证和授权。可以结合JWT（JSON Web Token）来管理用户会话。
+4. RESTful API：设计和实现RESTful API，提供前端所需的数据接口。使用Spring MVC来处理HTTP请求和响应。
+
+前端（Vue.js）
+1. 组件化开发：使用Vue.js的组件化开发模式，将页面拆分为多个可复用的组件，提升代码的可维护性和可读性。
+2. 状态管理：使用Vuex来管理应用的全局状态，确保不同组件之间的数据同步。
+3. 路由管理：使用Vue Router来管理前端路由，实现单页面应用（SPA）的导航。
+4. API调用：使用Axios库来与后端的RESTful API进行通信，处理数据的获取和提交。
+
+数据库（MySQL）
+1. 数据库设计：根据业务需求设计合理的数据库表结构，确保数据的完整性和一致性。常见的表包括用户表、角色表、权限表、计费记录表等。
+2. 索引优化：为常用的查询字段添加索引，提高查询性能。
+3. 备份和恢复：定期备份数据库，确保数据的安全性和可恢复性。
+
+示例架构图
++---------------------+       +---------------------+       +---------------------+
+|   Presentation      |       |   Business Logic    |       |   Data Access       |
+|   Layer             |       |   Layer             |       |   Layer             |
+|---------------------|       |---------------------|       |---------------------|
+| - Vue.js            |       | - Spring Boot       |       | - MySQL             |
+| - HTML/CSS/JS       |       | - Spring Data JPA   |       | - ORM (Hibernate)   |
+| - Vue Router        |       | - Spring Security   |       | - SQL               |
++---------------------+       +---------------------+       +---------------------+