基于Springboot+Vue选课系统

选课系统要求
(1)数据库表:教师信息表、学生信息表、课程表、选课表
其中,教师信息表、学生信息表和选课表的数据需要提前设置,本题主要操作课程表
(2)  技术架构:
后台使用springboot
前端使用vue-admin-template
(3)  考试时间:9:00-15:30
(4)  禁止抄袭

1 登录页面

基于Springboot+Vue选课系统_第1张图片
注意:注册不做

2课程管理
2.1 分页展示所有课程

基于Springboot+Vue选课系统_第2张图片

2.2 新增课程

基于Springboot+Vue选课系统_第3张图片
注意:新增课程时,课程名称不能相同
输入课程名,点击查找课程是对于课程的模糊查询

2.3 修改课程信息

基于Springboot+Vue选课系统_第4张图片
如图,课程号和教室容量为“不可编辑”,课程名称与授课教师为“可编辑”。点击“确认保存”,就保存修改之后的数据。
注意:修改课程时,课程名称不能相同

2.4 删除课程

基于Springboot+Vue选课系统_第5张图片
之后变为:

基于Springboot+Vue选课系统_第6张图片
第三条数据被删除了,下一页的第一条数据进到了第一页。
注意:如果该课程有学生选,不能删除

2.5 管理当前选课
分页展示学生选课的数据

基于Springboot+Vue选课系统_第7张图片
注意:显示选择该课程的学生信息,需要显示出当前选课人数和教室总容量.

关注UP主,获取更多源码资源

你可能感兴趣的:(Java,spring,boot,vue.js,java)