用户通过课程与视频完成学习，视频观看记录保留学习轨迹。在线作答后，还可以查看答题详情和错题记录。
这套 Java Web 项目采用 Vue 页面和 MySQL 数据库。使用时可按管理员、用户的入口查看各自负责的业务。下面以视频观看记录、课程、视频为例，介绍操作入口、数据内容和本地部署方式。
一、项目概况
| 项目名称 | 线上学习平台 |
|---|---|
| 资源编号 | SSM453 |
| 技术栈 | SSM / Vue / MySQL |
| 参与角色 | 管理员、用户 |
| 业务范围 | 课程视频、观看记录与错题回顾 |
二、业务操作：公告类型列表
用户可以进入视频观看记录管理、课程管理、课程留言管理、课程收藏管理、视频留言管理、视频收藏管理、考试记录。其中，“试卷管理”提供查看、考试操作。
1. 公告类型列表
公告类型管理页面显示所有公告类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的公告类型信息执行编辑更新，失效的公告类型信息也能让管理员快速删除。下图就是公告类型管理页面。
三、功能维护：课程管理与公告信息管理
管理员可以进入视频观看记录管理、课程类型管理、课程管理、课程留言管理、课程收藏管理、视频管理、视频留言管理。其中，“考试记录”提供查看、批改、删除操作。
1. 课程管理
此页面让管理员管理课程的数据，课程管理页面见下图。此页面主要实现课程的增加、修改、删除、查看的功能。
2. 公告信息管理
公告信息管理页面提供的功能操作有：新增公告，修改公告，删除公告操作。下图就是公告信息管理页面。
四、技术结构与学习重点
数据库与业务记录
主数据库脚本包含 19 张表。下表选取与课程视频等业务相关的记录，列出表名和可在源码中直接查找的字段。
| 视频观看记录（shipinguankanjilu） | 视频（shipin_id）、用户（yonghu_id） |
|---|---|
| 课程（kecheng） | 课程名称（kecheng_name）、课程照片（kecheng_photo）、课程类型（kecheng_types） |
| 视频（shipin） | 课程（kecheng_id）、视频名称（shipin_name）、视频照片（shipin_photo） |
| 考试记录（examrecord） | 考试编号（examrecord_uuid_number）、考试用户（yonghu_id）、所属试卷id（exampaper_id） |
| 错题（examrewrongquestion） | 用户id（yonghu_id）、试卷（exampaper_id）、试题id（examquestion_id） |
页面与后端接口
以视频观看记录为例，后端入口位于 ShipinguankanjiluController.java，接口前缀为 /shipinguankanjilu。可以对照 /shipinguankanjilu/page 和 /shipinguankanjilu/list 阅读对应的请求处理。
阅读详情或编辑页面时，可以沿着“视频”这个字段查找 shipin_id，再对照 shipinguankanjilu 表核对保存位置。这样可以把页面显示的名称、请求参数和数据库字段对应起来。
五、部署入口与配置位置
将包含 pom.xml 的 xianshangxuexipingtai 工程导入开发工具，新建 MySQL 数据库并导入 db.sql。在 src/main/resources/config.properties 中按本地环境填写数据库地址、库名和账号。
使用 Maven 构建 WAR 后部署至兼容的 Tomcat，核对应用上下文。展示页入口可从 front/index.html 定位。单独运行或重建 Vue 页面时，还需检查前端接口地址是否指向同一应用。
首次进入项目，可先打开视频观看记录列表，选择一条已有记录，核对视频、用户等资料。
六、配套资料清单
- 项目源码（xianshangxuexipingtai）
- MySQL 数据库脚本（db.sql）
- 论文.doc
- 说明文档.txt
会员赠送权益
黄金会员自选 2 个项目，钻石会员累计自选 5 个项目；一次性赠送，不按天恢复。已领取项目可重复访问。
黄金升级钻石补足总额度；续费不重复赠送。每位付费会员共享有一次本地部署协助。
