计算机毕业设计 367在线教学课堂发网上授课系统vue 毕设30

第5章系统实现

一、技术路线：

开发语言：java

前端技术：javascript、vue.js（2.x）、css3

数据库：mysql 5.7

数据库管理工具：navicat或sqlyog

开发工具：idea或ecplise

二、项目介绍：

https://www.bilibili.com/video/bv1m94y1e77u/

三、运行截图：

3.1前台首页功能模块

学生登录功能是系统中一个非常重要的功能模块。这个函数模块需要做的第一件事是设计系统的安全性。不能说任何打开登录界面的人都可以进入系统。我们想控制管理。学生的账号和密码，只有拥有权限的学生才能通过这个登录界面进入管理界面，这是非常重要的。学生想要登录和使用系统首先进入登录账户和登录密码，然后我们使用程序来检索，检索数据库中的账户信息一致输入账号密码，如果输入账号信息让学生登录时，如果它不存在，给一个提示,非法登陆，所以这个功能模块是非常重要的。

学生通过网址进入到网站界面，进行填写自己的用户名和密码等信息输入完成后学生登录成功，如图3-1所示，如果学生没有自己的账户信息，则需要学生进行在线注册，学生注册时根据需求可以通过注册界面提示的文本框信息进行在线填写自己的基本信息内容，信息编辑完成后核对信息无误后进行在线提交，新的学生注册完成，如图3-2所示。

图3-1登录界面

图3-2注册界面

学生登录进入到前台首页界面，可以进行首页、学习论坛、试卷列表、网站公告、个人中心、后台管理等功能模块，进行相对应操作，通过学习论坛进行查看标题、类型、内容进行发布操作，如图3-3所示。

图3-3学习论坛界面

学生通过点击试卷列表可以进行填写试卷名称、考试时长、创建时间等信息，进行考试操作，如图3-4所示。学生点击我的发布可以进行填写标题、发布时间等信息，进行修改、删除操作，如图3-5所示。

图3-4试卷列表界面

图3-5我的发布界面图

3.2学生功能模块

学生通过点击后台管理，进入页面可以进行首页、个人中心、教师管理、学生管理、课程信息管理、教学信息管理、作业信息管理、作业评分管理、师生交流管理、系统管理、考试管理等功能模块，进行相对应操作，如图3-6所示。

图3-6学生功能界面

课程信息管理：通过课程信息管理可以进行获取课程名称、院系、班级、开始时间、结束时间、授课教师等信息进行详情，如图3-7所示。

图3-7课程信息管理界面

教学信息管理：学生通过列表可以获取标题、教师工号、姓名、院系、班级、教学视频、作业等信息，进行详情操作，如图3-8所示。

图3-8教学信息管理界面

师生交流管理：学生通过列表可以获取学号、姓名、院系、班级、提问、时间、审核回复、审核状态等信息，进行详情、修改、删除操作，如图3-9所示。

图3-9师生交流管理界面

3.3管理员功能模块

管理员通过后台登录窗口进行输入用户名、密码、验证码等信息，进行登录，如图3-10所示。

图3-10管理员登录界面

教师管理，管理员通过列表进行填写教师工号、密码、姓名、性别、院系、班级、所教科目、手机、电子邮箱、图片等信息，进行详情、修改或删除操作，如图3-11所示。

图3-11教师管理界面

学生管理，管理员通过学生管理可以在线查看学号、密码、姓名、性别、院系、班级、手机、电子邮箱、照片等信息，进行详情或修改、删除操作，如图3-12所示。

图3-12学生管理界面

教学信息管理，管理员通过教学信息管理可以在线查看标题、教师工号、姓名、院系、班级、教学视频、作业等信息，进行查看或修改、删除操作，如图3-13所示。

图3-13教学信息管理界面

作业评分管理，管理员通过作业评分管理可以在线查看标题、学号、姓名、院系、班级、作业成绩、作业状态等信息，进行查看或详情修改或删除，如图3-14所示。

图3-14作业评分管理界面图

试卷管理：通过列表可以获取试卷名称、考试时长、试卷状态等信息，进行详情、修改或删除操作 ，如图3-15所示。

图3-15试卷管理界面图

试题管理：通过列表可以获取试卷、试题名称、分值、答案、类型等信息，进行详情、修改或删除操作，如图3-16所示。

图3-16试题管理界面图

3.4教师功能模块

教师通过点击后台管理，进入页面可以进行首页、个人中心、教师管理、学生管理、课程信息管理、教学信息管理、作业信息管理、作业评分管理、师生交流管理、试卷管理、试题管理、系统管理、考试管理等功能模块，进行相对应操作，如图3-17所示。

图3-17教师功能界面

课程信息管理：通过课程信息管理可以进行获取课程名称、院系、班级、开始时间、结束时间、授课教师等信息进行详情，如图3-18所示。

图3-18课程信息管理界面

教学信息管理：教师通过列表可以获取标题、教师工号、姓名、院系、班级、教学视频、作业等信息，进行详情操作，如图3-19所示。

图3-19教学信息管理界面

师生交流管理：教师通过列表可以获取学号、姓名、院系、班级、提问、时间、审核回复、审核状态等信息，进行详情修改操作，如图3-20所示。

图3-20师生交流管理界面

试题管理：教师通过列表可以获取试卷、试题名称、分值、答案、类型等信息，进行详情修改操作，如图3-21所示。

图3-21试题管理界面