ssm基于SSM框架的在线学习系统+vue

5 系统实现

一、技术路线：

开发语言：Java

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

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

三、运行截图：

下面主要是通过功能实现界面截图的形式，并且运用文字来描述功能实现界面的内容。

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.2.4 通知信息管理

通知信息管理界面的运行效果见图3.7。在此界面，教师新增通知信息，以及对需要更改的通知信息，包括通知图片，通知标题等进行修改。

图3.7 通知信息管理界面

3.3 学生功能实现

3.3.1 在线论坛

在线论坛界面的运行效果见图3.8。在此界面，学生查看在线论坛界面展示的所有的帖子内容，每当学生查看完帖子内容之后，学生可以评论帖子。

图3.8 在线论坛界面

3.3.2 教案信息

教案信息界面的运行效果见图3.9。在此界面，学生查看教案的介绍信息，学生点击教案下载链接就可以下载教案文件。

图3.9 教案信息界面

3.3.3 作业管理

作业管理界面的运行效果见图3.10。在此界面，学生查询作业，查询作业需要选择查询方式查询，如果选择根据作业名称查询，学生需要在作业名称旁边的查询编辑框中登记作业名称，然后点击查询按钮进行查询，学生也能下载作业文件。

图3.10 作业管理界面

3.3.4 回答管理

回答管理界面的运行效果见图3.11。在此界面，学生主要是上传作业的回答文件，学生上传回答文件之后，就可以等待教师批改作业。学生也需要在此界面查看教师是否批改学生的作业回答信息。

图3.11 回答管理界面