详细介绍
一、项目简介
本项目是一款基于 SpringBoot + Vue3 前后端分离架构的高校师生互助平台。系统面向高校师生,提供校园公告、任务互助、校园论坛、二手商城等功能,帮助师生发布求助、接取任务、交流互动,适合作为计算机专业毕业设计、课程设计参考。
二、技术栈
- 后端:SpringBoot 2.7.5、MyBatis-Plus、MySQL 5.7、JWT 认证
- 前端:Vue3、Vite 4、Element Plus、Pinia、ECharts
- 开发工具:IDEA / VS Code + Node.js 16+
三、运行环境
- JDK 1.8 或 JDK 17
- MySQL 5.7(数据库名 campus_aid)
- Node.js 16+
- 后端端口 8080,前端端口 5173/5174
四、测试账号
- 管理员:admin / 123456
- 教师:teacher001 / 123456
- 学生:student001 / 123456
四、功能模块
- 用户端:多角色统一登录(管理员/教师/学生)、校园公告浏览、任务大厅(发布/接取/提交互助任务)、校园论坛(发帖回帖、点赞评论)、二手商城(物品发布、浏览、下架)、个人中心(资料、头像、密码)
- 管理端:用户管理、公告管理、任务管理、物品管理、帖子管理、数据概览
五、运行截图
项目资料清单

登录页

校园公告

任务大厅

校园论坛

帖子详情

二手商城

个人中心

公告管理

用户管理

任务管理

物品管理

六、演示视频
项目已录制完整演示视频并添加背景音乐(有声音),可在本页顶部在线预览或下载。
七、使用说明
- 创建 MySQL 数据库并导入 campus_aid.sql 脚本;
- 用 IDEA 打开 backend 后端项目,修改 application.yml 数据库账号密码后启动(端口 8080);
- 进入 frontend 前端目录,执行 npm install 与 npm run dev(端口 5173);
- 浏览器访问前端地址,使用测试账号登录体验。










QQ 交流群
微信联系