开发语言:Java;数据库:MySQL;系统架构:B/S;后端:SpringBoot;前端:Vue;工具:IDEA,JDK1.6,Maven;含有详细功能说明文档
登录在线 选课系统需要输入账号 和密码 并且选用登录角色,验证通过才能成功进入系统;系统前台根据返回结果匹配显示到对应角色可操作的菜单.
图4-4 登录页面login.vue
(2)Home页的实现
Home页面主要显示侧边栏的导航菜单及页面首部;如图4-5所示。
图4-5 Home页面home.vue
4.4 管理员页面实现
管理员页面显示管理员首页、系管理页、专业管理、班级管理、学生管理、教室管理、课程管理、选课修改、管理员管理等页面;可以对以上页面信息进行修改、删除、增加信息;如图所示。
1,系管理
图1 系管理AdminDepartment.vue
2,专业管理
图2 专业管理AdminMajor.vue
3,班级管理
图3 班级管理Adminclass.vue
4,学生管理
图4 学生管理页面Adminstudent.vue
5,教师管理
图5 教师管理页面AdminTeacher.vue
6,课程管理
图6 课程管理页面AdminCourse.vue
7,选课修改
图7 选课修改页面AdminStudentCourse.vue
7,管理员管理
图4 管理员管理页面AdminAdmin.vue
4.6 学生页面实现
学生管理页显示学生首页,选修课程,学生课程,课表查询和信息维护等页面,选修课程页面可以进行选修课程,学生课程页面可以进行查看选修的课程并可以进行退选操作,课表查询可以查询到学生所要上的课程信息维护页面可以进行对学生个人信息的修改如图所示所示。
1,课程页面
图1学生课程页面StudentCourse.vue