基于Springboot + vue3实现的家校合作平台

项目描述

本系统包含管理员、学生、家长、教师四个角色。

管理员角色：

1. 用户管理：管理系统中所有用户的信息，包括添加、删除和修改用户。

2. 公告版管理：管理公告版信息，包括新增、查看、修改和删除公告。

3. 管理员管理：管理管理员、学生、家长和教师的信息。

学生角色：

1. 考试管理：查看试卷列表、考试记录和错题本。

2. 学生成绩管理：查看学生成绩。

3. 个人信息管理：管理学生的个人信息，包括学号、姓名、性别、班级、家长账号等。

家长角色：

1. 公告版管理：查看公告版信息。

2. 学生成绩管理：查看学生成绩。

3. 个人信息管理：管理家长的个人信息，包括家长账号、姓名、性别、手机号码等。

教师角色：

1. 公告版管理：查看公告版信息。

2. 管理员管理：查看学生和家长的信息。

3. 试题管理：管理试题信息，包括新增、查看、修改、删除、打印和导出试题。

4. 试卷管理：管理试卷信息，包括查看、组卷、删除、修改和新增试卷。

5. 考试管理：查看试卷列表、考试记录和错题本，并批阅考试记录。

6. 学生成绩管理：管理学生成绩，包括查看、新增、修改、删除、成绩统计、首页总数和首页统计。

技术选型

开发工具：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