基于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

相关推荐
叠叠乐7 小时前
蓝牙数据包从底层到应用层协议一层套一层
经验分享
Logic1018 小时前
一份系统化《Python爬虫教程》学习笔记:Python爬虫63个核心案例精讲(含反爬策略与源码剖析)
经验分享·爬虫·python·学习笔记·编程·软件开发
SunnyDays10119 小时前
如何使用 C# 冻结 Excel 行和列
经验分享
qq777888910 小时前
PDF转图片免费工具有哪些?永久无广告PDF批量导出高清JPG PNG格式软件推荐
经验分享
草莓熊Lotso10 小时前
Python 基础语法完全指南:变量、类型、运算符与输入输出(零基础入门)
运维·开发语言·人工智能·经验分享·笔记·python·其他
金海境科技10 小时前
【服务器数据恢复】勒索病毒加密导致金融机构EMC存储核心数据丢失数据恢复案例 - 金海境科技
经验分享
小白跃升坊11 小时前
软件服务类企业基于开源 AI CRM 的实践案例
经验分享·开源·crm·经典案例·客户关系管理系统·ai crm
聆风吟º11 小时前
【顺序表习题|图解|双指针】移除元素 + 删除有序数组中的重复项
c语言·数据结构·c++·经验分享·算法
Surpass余sheng军1 天前
AI 时代下的网关技术选型
人工智能·经验分享·分布式·后端·学习·架构