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

1. 技术栈

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

2. 系统设计

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

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

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

3. 系统展示

登录

SpringBoot+Vue的学生选课管理系统_第1张图片

首页

SpringBoot+Vue的学生选课管理系统_第2张图片

课程管理-搜索课程

SpringBoot+Vue的学生选课管理系统_第3张图片

课程管理-添加课程

SpringBoot+Vue的学生选课管理系统_第4张图片

教师管理

SpringBoot+Vue的学生选课管理系统_第5张图片

教师成绩管理

SpringBoot+Vue的学生选课管理系统_第6张图片

学生列表

SpringBoot+Vue的学生选课管理系统_第7张图片

学生成绩查询

SpringBoot+Vue的学生选课管理系统_第8张图片

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 用 /,而不用 \

项目启动

1、src/main/resources/application.yml 修改数据库名称、账号、密码

2、启动:src/main/java/com/auggie/student_server/StudentServerApplication.java

你可能感兴趣的:(Java,学习,vue,spring,boot,vue.js,后端)