基于Springboot + vue3实现的教务管理系统

31 阅读3分钟

项目描述

本系统包含管理员、学生、教师三个角色。
管理员角色:
  1. 用户管理:管理系统中所有用户的信息,包括添加、删除和修改用户。
  2. 配置管理:管理系统配置参数,如上传图片的路径等。
  3. 权限管理:分配和管理不同角色的权限。
  4. 班级管理:管理班级信息,包括班级名单等。
  5. 教学评估管理:查看和删除教学评估信息。
  6. 学籍信息管理:管理学生的学籍信息。
  7. 教学反馈管理:查看和删除教学反馈信息。
  8. 学生成绩管理:查看和删除学生成绩信息。
  9. 课程信息管理:管理课程信息,包括课程名称、类型、简介等。
  10. 课程表管理:管理教师的课程表信息。
  11. 学习资料管理:管理学习资料,包括资料名称、类型、简介等。
学生角色:
  1. 学籍信息管理:查看和删除自己的学籍信息。
  2. 教学评估管理:新增、查看、修改和删除教学评估信息。
  3. 学生成绩管理:查看和删除自己的成绩信息。
  4. 课程信息管理:查看和选课。
  5. 学习资料管理:查看和下载学习资料。
  6. 新闻资讯管理:查看公告信息。
教师角色:
  1. 教学反馈管理:新增、查看、修改和删除教学反馈信息。
  2. 教学评估管理:查看和删除教学评估信息。
  3. 学籍信息管理:查看和删除学生的学籍信息。
  4. 课程信息管理:查看和删除课程信息。
  5. 课程表管理:查看和删除课程表信息。
  6. 学生成绩管理:新增、查看、修改和删除学生成绩信息。
  7. 学习资料管理:新增、查看、修改和删除学习资料。
  8. 新闻资讯管理:查看公告信息。

技术选型

开发工具: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.班级管理

图片

9.教学评估管理

图片

10.学籍信息管理

图片

11.教学反馈管理

图片

12.学生成绩管理

图片

13.学生选课管理

图片

14.老师课程表管理

图片

运行步骤

准备环境

安装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