一、技术路线：

开发语言：Java

使用框架：spring boot

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

视频加载中...

三、运行截图：

编程人员在搭建的开发环境中，会让各种编程技术一起呈现出最终效果。本节就展示关键部分的页面效果。

3.1 管理员功能实现

3.1.1 教室管理

图3.1 即为编码实现的教室管理界面，教室信息包括教室名称，教室位置，教室编号等信息，管理可以使用修改功能对登记有误的教室信息进行修改，可以删除需要删除的教室信息等。

图3.1 教室管理界面

3.1.2 课程管理

图3.2 即为编码实现的课程管理界面，课程信息包括课程名称，课程性质，课程学分，总学时，考核方式等信息，管理可以使用修改功能对登记有误的课程信息进行修改，可以删除需要删除的课程信息等。

图3.2 课程管理界面

3.1.3 老师管理

图3.3 即为编码实现的老师管理界面，老师信息包括擅长，性别，姓名，老师头像等信息，管理员可以删除需要删除的老师信息，可以查询老师，重置老师账号的密码等。

图3.3 老师管理界面

3.2 老师功能实现

3.2.1 教学计划管理

图3.4 即为编码实现的教学计划管理界面，教学计划信息包括教学计划名称，教学计划类型，教学计划编号，课程名称等信息，老师可以查询教学计划信息，可以新增教学计划信息，可以删除需要删除的教学计划信息等。

图3.4 教学计划管理界面

3.2.2 选课管理

图3.5 即为编码实现的选课管理界面，选课信息包括学生手机号，学生头像，学生姓名，课程名称，课程编号等信息，老师通过课程名称，学生姓名或选课编号都能查询学生选课信息，也能对学生选课详情进行查看。

图3.5 选课管理界面

3.2.3 成绩管理

图3.6 即为编码实现的成绩管理界面，老师对学生所选课程录入成绩，可以修改成绩得分，成绩类型以及成绩详情等信息，可以删除需要删除的成绩信息等。

图3.6 成绩管理界面

3.3 学生功能实现

3.3.1 课程管理

图3.7 即为编码实现的课程管理界面，学生查看课程考核方式，查看最大选课人数，选课截止时间，课程代码等信息，学生点击信息显示栏右侧的选课按钮即可选择对应课程。

图3.7 课程管理界面

3.3.2 选课查看

图3.8 即为编码实现的选课查看界面，学生完成选课之后，在选课查看界面对已选课程的详细进行查看。

图3.8 选课查看界面

3.3.3 成绩查看

图3.9 即为编码实现的成绩查看界面，学生查看选课课程的成绩得分信息，成绩类型信息，课程名称信息等。

图3.9 成绩查看界面