SpringBoot+Vue的学生选课管理系统

原创已于 2023-07-17 22:52:05 修改 · 528 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#spring boot #vue.js #后端

于 2023-07-17 22:50:52 首次发布

Java 学习同时被 2 个专栏收录

60 篇文章

订阅专栏

vue

1 篇文章

订阅专栏

本文介绍了一个基于Vue前端和SpringBoot后端的教务管理系统。系统包括学生、教师和管理员角色，各具不同权限，如管理员可操作所有模块，教师负责成绩和课程管理，学生则能选课和查成绩。系统使用了ElementUI、Axios、MyBatisPlus、Jwt等技术，并提供了数据库的创建和数据导入步骤。

1. 技术栈

前端：Vue + ElementUI + Axios
后端：Spring Boot+MyBatis Plus+ Jwt +Mysql+Swagger

2. 系统设计

该系统主要分为五个模块，分别是：学生管理、教师管理、课程管理、开课表管理以及学生成绩管理

角色分为学生、教师、管理员，每个角色有不同的权限，所能查看、操作的功能也是不一样的：

管理员：可以操作以上五个模块
教师：学生成绩管理、课程管理等
学生：选课、查看成绩等

3. 系统展示

在这里插入图片描述

首页

在这里插入图片描述

课程管理-搜索课程

在这里插入图片描述

课程管理-添加课程

在这里插入图片描述

教师管理

在这里插入图片描述

教师成绩管理

在这里插入图片描述

学生列表

在这里插入图片描述

学生成绩查询

在这里插入图片描述

4. 项目搭建

前端安装

npm install

// # ERR_OSSL_EVP_UNSUPPORTED 报错问题解决
// **CMD 命令行输入**：`set NODE_OPTIONS="--openssl-legacy-provider"`
npm run serve

后端

数据库

mysql -uroot -p
mysql> create database studentms;
mysql> use studentms;

# 导入数据（外部 sql 文件）
# source C:\Users\xxx\Desktop\studentms.sql;
source C:/Users/xxx\Desktop/studentms.sql;     # windows 用 /，而不用 \