一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1Jh4y1h77T?t=63.7
三、运行截图：
进入到这个环节，也就可以及时检查出前面设计的需求是否可靠了。一个设计良好的方案在运用于系统实现中，是会帮助系统编制人员节省时间，并提升开发效率的。所以在系统的编程阶段，也就是系统实现阶段，对于一些不合理的设计需求，也是可以及时发现。因为设计的方案是完全指导系统的编码过程的。
3.1 管理员功能实现
3.1.1 教学资源管理
管理员进入指定功能操作区之后可以管理教学资源。其页面见下图。管理员负责上传教学资源，可以修改，查询教学资源信息。
图3.1 教学资源管理页面
3.1.2 师资力量管理
管理员进入指定功能操作区之后可以管理教师资源信息。其页面见下图。管理员增删改查教师资源信息。
图3.2 师资力量管理页面
3.1.3 课程介绍管理
管理员进入指定功能操作区之后可以管理课程介绍。其页面见下图。管理员在本页面可以增删改查课程介绍信息。
图3.3 课程介绍管理页面
3.1.4 学校简介管理
管理员进入指定功能操作区之后可以管理学校简介信息。其页面见下图。管理员负责发布学校简介信息，修改，删除学校简介信息。
图3.4 学校简介管理页面
3.1.5 用户管理
管理员进入指定功能操作区之后可以管理用户。其页面见下图。管理员对用户注册的信息也需要管理，包括修改用户注册信息，删除用户注册信息。
图3.5用户管理页面
3.1.6 课程类型管理
管理员进入指定功能操作区之后可以管理课程类型。其页面见下图。管理员修改课程类型名称，提交课程类型名称查询课程类型。
图3.6 课程类型管理页面
3.2 教师功能实现
3.2.1 个人信息
教师进入指定功能操作区之后可以查看个人信息。其页面见下图。教师的个人信息可以进行修改，包括重新上传照片，修改联系方式和邮箱等信息。
图3.7 个人信息页面
3.2.2 课程预约管理
教师进入指定功能操作区之后可以管理课程预约信息。其页面见下图。教师根据课程名称查询课程预约信息，学生预约了该名教师的任课课程之后，其课程预约信息则会显示在本页面。
图3.8 课程预约管理页面
3.3 学生功能实现
3.3.1 课程介绍
学生进入指定功能操作区之后可以查看课程介绍。其页面见下图。学生查看课程详细信息，可以预约课程。
图3.9 课程介绍页面
3.3.2 教学资源
学生进入指定功能操作区之后可以查看教学资源。其页面见下图。学生查看教学资源介绍，观看教学资源视频。
图3.10 教学资源页面
3.3.3 师资力量
学生进入指定功能操作区之后可以查看教师资源。其页面见下图。学生查看该学校的教师资源信息，点击教师图片即可查看其相关介绍。
图3.11 师资力量页面
3.3.4 学校简介
学生进入指定功能操作区之后可以查看学校简介。其页面见下图。学生通过查看该学校的学校简介信息可以更加深入地了解该学校。
图3.12 学校简介页面