🚀我让 TRAE SOLO 帮我开发一个清华大学教务系统，全栈 Java + Vue，秒变“教务主任”！

🚀我让 TRAE SOLO 帮我开发一个清华大学教务系统，全栈 Java + Vue，秒变"教务主任"！

作者｜天天摸鱼的 Java 工程师

标签｜TRAE SOLO、Spring Boot、Vue、全栈开发、教务系统、AI 编程助手

项目地址｜本地访问 http://localhost:3000 登录体验

🧠 起因：一个突发奇想，能不能让 AI 帮我写个"清华教务系统"？

还记得大学时候，每年选课、查成绩、导出成绩单都离不开教务系统，虽然功能够用，但 UI 和体验一直不尽如人意。

现在我是一枚后端 Java 工程师，在了解了 TRAE SOLO 这个 AI 编程助手后，我突然有了一个想法：

"如果我让 TRAE SOLO 来帮我从 0 开发一个清华大学教务系统，会发生什么？"

于是，我打开了 TRAE SOLO，说了一句话：

"帮我开发一个清华大学的教务系统，仿照清华教务 UI，前后端分离，后端 Java，前端 Vue。"

结果，真的被它震撼到了。

🧰 技术方案一览

模块	技术栈
前端	Vue 3 + Vite + 原生 JS（因 vite 报错，降级处理）
后端	Spring Boot 2.x + H2 内存数据库
安全认证	Spring Security
数据结构	用户、课程、成绩、教室
启动方式	本地运行（支持 mvn + Python 简易 HTTP 服务）
AI 助手	TRAE SOLO 全程陪跑

🧱 开发过程全记录

第一步：创建项目结构和规划文档

TRAE SOLO 首先为我自动创建了如下目录结构：

sql 复制代码

Affairs-System/
├── backend/  ← Spring Boot 后端
└── frontend/ ← Vue + JS 前端

并列出了 6 个阶段性任务：

创建项目结构和规划文档 ✅
开发后端 Java 项目 ✅
配置数据库和依赖 ✅
开发前端 Vue 页面 ✅
实现前后端交互和登录功能 ✅
启动项目并测试 ✅

全程自动生成、编译、运行，效率惊人。

第二步：开发后端 Spring Boot 项目

✅ 核心功能：

登录认证（基于 Spring Security）
用户信息管理（支持三种角色：学生、教师、管理员）
科目管理（课程）
成绩管理（学生成绩）
教室管理（新增扩展）

✅ 关键代码文件：

User.java：用户实体
Course.java：课程实体
Score.java：成绩实体
LoginController.java：登录接口
CourseController.java：课程 API
ScoreController.java：成绩 API
SecurityConfig.java：安全配置
DataInit.java：初始化测试数据

✅ 测试账号

角色	用户名	密码
管理员	`admin`	`admin123`
学生	`student`	`student123`
教师	`teacher`	`teacher123`

第三步：开发前端 Vue 页面（UI 仿清华）

本来我想用 Vue + Vite 搭建完整 SPA，但由于 esbuild 的平台兼容性问题，TRAE SOLO 机智地切换到了原生 HTML + JS 的方案。

✅ 登录页面（index.html）

登录框仿照清华大学教务系统 UI
输入用户名和密码后，调用后端 /api/login 接口
登录成功后跳转主页面

✅ 主页面（main.html）

左侧菜单栏：仪表盘、课程管理、成绩查询、用户管理
右侧内容区根据菜单动态渲染模块
不同角色显示不同菜单（RBAC 实现）
样式参考紫色清华风格，结构清晰

第四步：前后端联调

后端接口全部暴露在 /api 路径下
使用 fetch() 实现跨域调用
登录成功后存储用户名到 localStorage
后端根据用户角色返回对应功能模块的数据

第五步：启动服务并访问

✅ 启动后端

arduino 复制代码

cd backend
mvn spring-boot:run

运行成功后，后端服务地址为：

arduino 复制代码

http://localhost:8080

✅ 启动前端（HTML + Python）

bash 复制代码

cd frontend
python3 -m http.server 3000

运行成功后，前端地址为：

arduino 复制代码

http://localhost:3000

🔥 系统功能预览

✅ 登录页

支持用户登录
登录失败返回提示
登录成功跳转主页面

✅ 主页面（main.html）

根据角色展示不同子模块：

管理员

👨‍💼 用户管理
📚 课程管理
📊 成绩总览

教师

📚 授课课程
✍️ 成绩录入

学生

📖 我的课程
📝 我的成绩
📈 平均绩点

💡 TRAE SOLO 的思考过程（AI 编程体验）

整个开发过程中，TRAE SOLO 的思考逻辑清晰、有条不紊：

遇到版本不兼容，自动降级 Spring Boot 版本
遇到前端的 vite 报错，自动切换为 HTML + 原生 JS
自动生成实体、Controller、Repository、初始化数据
自动安装依赖、运行服务、检测错误并修复
自动跳转页面、绑定事件、处理登录状态

一句话总结：

我只负责说出需求，TRAE SOLO 帮我把需求落地为代码和可运行系统。

🧪 如何体验教务系统？

1. 启动后端

arduino 复制代码

cd backend
mvn spring-boot:run

2. 启动前端

bash 复制代码

cd frontend
python3 -m http.server 3000

3. 打开浏览器访问

登录页面：http://localhost:3000
后端 API：
H2 控制台：

4. 使用测试账号登录

角色	用户名	密码
管理员	`admin`	`admin123`
学生	`student`	`student123`
教师	`teacher`	`teacher123`

🎓 总结：用 TRAE SOLO，我成为"清华教务主任"

这次开发让我彻底改变了对"AI 写代码"的看法。

不再是"自动生成一段代码"
而是从需求 → 结构 → 实现 → 运行，全流程代工
甚至能根据错误日志自动修复问题、切换技术方案

我只用了几个小时，就从零构建起一个能用的清华大学教务系统。

📢 未来计划

✅ 多角色登录 ✔️
✅ 课程和成绩管理 ✔️
⏳ 选课系统（正在开发）
⏳ 教室排课冲突检测
⏳ 导出成绩单、绩点计算
⏳ 上传头像、修改密码、用户自定义主题

🗣️ 最后

如果你也是 Java 工程师，不妨试试 TRAE SOLO，

你会发现：

"AI 不是取代程序员，而是提升你的战斗力。"

欢迎点赞、收藏、评论，我们一起用 AI 做点更酷的事！