第5章系统实现
一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1h94y1t7N5/
三、运行截图：
编程人员在搭建的开发环境中，会让各种编程技术一起呈现出最终效果。本节就展示关键部分的页面效果。
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 成绩信息查看界面