一、论文架构图先明确表达目标
系统架构图要回答三件事：用户从哪里进入系统、后端如何处理业务、数据和文件存在哪里。只要这三件事清楚，图就能服务论文和答辩。
二、Spring Boot + Vue 常见五层结构
- 用户访问层：学生、教师、管理员、普通用户通过浏览器、移动端或微信小程序访问。
- 前端展示层：Vue 页面、路由、组件、表单、Axios 请求和权限控制。
- 后端接口层：Spring Boot Controller 接收请求，做参数校验、登录鉴权和接口响应。
- 业务服务层：Service 处理注册登录、订单、审核、统计、生成任务等核心业务。
- 数据资源层：MySQL、Redis、文件存储、第三方接口等数据和资源依赖。
三、功能模块不要和技术层混在一起
系统架构图主要讲技术层次，功能模块图主要讲业务模块。两者可以互相呼应，但不要混成一张大杂烩。
四、箭头要表达请求流转
用户在浏览器操作 Vue 页面，前端通过 HTTP 请求访问 Spring Boot 接口，Controller 调用 Service，Service 访问数据库，最后返回 JSON 给前端展示。
五、架构图和部署图怎么区分？
系统架构图偏逻辑，强调模块和层次；部署图偏物理，强调浏览器、Nginx、服务器、数据库、对象存储等部署位置。
六、如何用 AI 从代码生成架构图？
如果项目代码已经写完，可以上传代码包、README、接口文档或数据库 SQL。AI 会更容易识别前端目录、后端包结构、数据库表和核心业务模块。