基于Springboot + vue3实现的家校合作平台
项目描述
本系统包含管理员、学生、家长、教师四个角色。
管理员角色：
用户管理：管理系统中所有用户的信息，包括添加、删除和修改用户。
公告版管理：管理公告版信息，包括新增、查看、修改和删除公告。
管理员管理：管理管理员、学生、家长和教师的信息。
学生角色：
考试管理：查看试卷列表、考试记录和错题本。
学生成绩管理：查看学生成绩。
个人信息管理：管理学生的个人信息，包括学号、姓名、性别、班级、家长账号等。
家长角色：
公告版管理：查看公告版信息。
学生成绩管理：查看学生成绩。
个人信息管理：管理家长的个人信息，包括家长账号、姓名、性别、手机号码等。
教师角色：
公告版管理：查看公告版信息。
管理员管理：查看学生和家长的信息。
试题管理：管理试题信息，包括新增、查看、修改、删除、打印和导出试题。
试卷管理：管理试卷信息，包括查看、组卷、删除、修改和新增试卷。
考试管理：查看试卷列表、考试记录和错题本，并批阅考试记录。
学生成绩管理：管理学生成绩，包括查看、新增、修改、删除、成绩统计、首页总数和首页统计。
技术选型
开发工具：Idea + Vscode 运行环境：JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14 服务端技术：SpringBoot + Mybatis-Plus + Maven 前端技术：Vue3 + Axios + Element-UI
系统截图
1.首页
2.后台登录
3.公告版管理
4.家长管理
5.学生成绩管理
6.试题管理
7.试卷管理
8.考试记录管理
运行步骤
准备环境
安装JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上
创建数据库
使用Navicat工具创建数据库并导入SQL脚本
配置后端
修改application.yml中的数据库连接信息（用户名/密码/库名）
启动后端服务
进入后端项目（/server_code） 执行：
mvn clean install mvn spring-boot:run前端依赖安装
进入前端目录（/manage_code或者/client_code） 执行安装命令：
npm install启动前端服务
执行启动命令：
npm run serve访问系统
后端接口系统访问地址：http://localhost:8080后台系统前端访问地址：http://localhost:8081前台系统前端访问地址：http://localhost:8082
常见问题
端口冲突
修改后端配置文件
application.yml修改前端配置文件
vue.config.js
前端安装依赖失败
- 删除node_modules、package-lock.json文件
rm -rf node_modules package-lock.json- 清除缓存
npm cache clean --force- 切换npm镜像源
npm config set registry https://registry.npmmirror.com