学生线上可学习视频并完成测验，线下活动则通过预约参与。论坛供师生交流课外学习体验。
这套 Java Web 项目采用 Vue 页面和 MySQL 数据库。使用时可按管理员、老师、用户的入口查看各自负责的业务。下面以线下活动预约、线下活动、线下活动留言为例，介绍操作入口、数据内容和本地部署方式。
一、项目概况
| 项目名称 | 课外学习活动平台 |
|---|---|
| 资源编号 | SSM552 |
| 技术栈 | SSM / Vue / MySQL |
| 参与角色 | 管理员、老师、用户 |
| 业务范围 | 学习视频、线下预约与在线测验 |
二、业务操作：个人信息
老师可以进入线下活动预约管理、线下活动管理、线下活动留言管理、视频管理、视频留言管理、论坛管理、试卷管理。其中，“线下活动预约管理”提供审核、查看操作。
用户可以进入线下活动预约管理、线下活动管理、线下活动留言管理、线下活动收藏管理、视频管理、视频留言管理、视频收藏管理。其中，“试卷管理”提供查看、考试操作。
1. 个人信息
通过设计的个人中心功能模块，用户可以选择修改账号密码，查看个人资料信息，通过不定期的对个人账户密码进行更新，保障个人信息安全，修改密码界面设计。
三、功能维护：线下活动预约管理与线下活动类型管理
管理员可以进入线下活动预约管理、线下活动类型管理、视频类型管理、线下活动管理、线下活动留言管理、线下活动收藏管理、视频管理。其中，“考试记录”提供查看、批改、删除操作。
1. 线下活动预约管理
这一页涉及线下活动、用户、预约状态、审核意见等资料。
2. 线下活动类型管理
这一页涉及老师、线下活动名称、线下活动照片、线下活动类型等资料。
3. 视频类型管理
这一页涉及老师、视频名称、视频照片、视频等资料。
4. 线下活动管理
通过设计的线下活动管理功能模块，管理用户可以管理相关的线下活动、线下活动留言、线下活动收藏、线下活动预约信息记录，比如进行查看线下活动、线下活动留言、线下活动收藏、线下活动预约的详细信息，修改线下活动的名称、留言内容、收藏时间、预约时间等信息，删除已经失效的线下活动、线下活动留言、线下活动收藏、线下活动预约信息记录等操作，线下活动管理界面设计。
5. 线下活动留言管理
通过设计的线下活动管理功能模块，管理用户可以管理相关的线下活动、线下活动留言、线下活动收藏、线下活动预约信息记录，比如进行查看线下活动、线下活动留言、线下活动收藏、线下活动预约的详细信息，修改线下活动的名称、留言内容、收藏时间、预约时间等信息，删除已经失效的线下活动、线下活动留言、线下活动收藏、线下活动预约信息记录等操作，线下活动管理界面设计。
6. 线下活动收藏管理
这一页涉及线下活动、用户、类型等资料。
7. 视频管理
通过设计的视频管理功能模块，管理用户可以管理相关的视频、视频留言、视频收藏信息记录，比如进行查看视频、视频留言、视频收藏的详细信息，修改视频的名称、留言内容、收藏时间等信息，删除已经失效的视频、视频留言、视频收藏信息记录等操作，视频管理界面设计。
8. 视频留言管理
通过设计的视频管理功能模块，管理用户可以管理相关的视频、视频留言、视频收藏信息记录，比如进行查看视频、视频留言、视频收藏的详细信息，修改视频的名称、留言内容、收藏时间等信息，删除已经失效的视频、视频留言、视频收藏信息记录等操作，视频管理界面设计。
9. 视频收藏管理
这一页涉及视频、用户、类型等资料。
10. 修改密码
通过设计的个人中心功能模块，用户可以选择修改账号密码，查看个人资料信息，通过不定期的对个人账户密码进行更新，保障个人信息安全，修改密码界面设计。
11. 班级管理
通过设计的基础数据管理功能模块，管理用户可以管理相关的班级、帖子类型、线下活动类型、视频类型信息记录，比如进行查看班级、帖子类型、线下活动类型、视频类型信息的详细资料，修改班级、帖子类型、线下活动类型、视频类型的名称信息，删除已经失效的班级、帖子类型、线下活动类型、视频类型信息记录等操作，班级管理界面设计。
12. 帖子类型管理
通过设计的基础数据管理功能模块，管理用户可以管理相关的班级、帖子类型、线下活动类型、视频类型信息记录，比如进行查看班级、帖子类型、线下活动类型、视频类型信息的详细资料，修改班级、帖子类型、线下活动类型、视频类型的名称信息，删除已经失效的班级、帖子类型、线下活动类型、视频类型信息记录等操作，班级管理界面设计。
13. 论坛管理
通过设计的论坛管理功能模块，管理用户可以管理相关的论坛信息记录，比如进行查看论坛的详细信息，修改论坛的帖子内容信息，删除已经失效的论坛信息记录等操作，论坛管理界面设计。
14. 老师管理
通过设计的老师管理功能模块，管理用户可以管理相关的老师信息资料，比如进行查看老师的详细资料，修改老师的联系方式，添加某位新的老师信息记录，删除已经注销的老师信息记录等操作，老师管理界面设计。
15. 用户管理
通过设计的用户管理功能模块，管理用户可以管理相关的用户信息资料，比如进行查看用户的详细资料，修改用户的联系方式，添加某位新的用户信息记录，删除已经注销的用户信息记录等操作，用户管理界面设计。
16. 轮播图管理
通过设计的轮播图管理功能模块，管理用户可以管理相关的轮播图信息记录，比如进行查看轮播图信息的详细资料，修改轮播图的名称信息，删除已经失效的轮播图信息记录等操作，轮播图管理界面设计。
四、技术结构与学习重点
数据库与业务记录
主数据库脚本包含 19 张表。下表选取与学习视频等业务相关的记录，列出表名和可在源码中直接查找的字段。
| 线下活动预约（huodong_order） | 线下活动（huodong_id）、用户（yonghu_id）、预约状态（huodong_order_yesno_types） |
|---|---|
| 线下活动（huodong） | 老师（laoshi_id）、线下活动名称（huodong_name）、线下活动照片（huodong_photo） |
| 线下活动留言（huodong_liuyan） | 线下活动（huodong_id）、用户（yonghu_id）、留言内容（huodong_liuyan_text） |
| 线下活动收藏（huodong_collection） | 线下活动（huodong_id）、用户（yonghu_id）、类型（huodong_collection_types） |
| 视频（shipin） | 老师（laoshi_id）、视频名称（shipin_name）、视频照片（shipin_photo） |
页面与后端接口
以线下活动为例，后端入口位于 HuodongController.java，接口前缀为 /huodong。可以对照 /huodong/page 和 /huodong/list 阅读对应的请求处理。
阅读详情或编辑页面时，可以沿着“老师”这个字段查找 laoshi_id，再对照 huodong 表核对保存位置。这样可以把页面显示的名称、请求参数和数据库字段对应起来。
五、部署入口与配置位置
将包含 pom.xml 的 kewaixuexishenghuopingtai 工程导入开发工具，新建 MySQL 数据库并导入 db.sql。在 src/main/resources/config.properties 中按本地环境填写数据库地址、库名和账号。
使用 Maven 构建 WAR 后部署至兼容的 Tomcat，核对应用上下文。展示页入口可从 front/index.html 定位。单独运行或重建 Vue 页面时，还需检查前端接口地址是否指向同一应用。
首次进入项目，可先打开线下活动预约列表，选择一条已有记录，核对线下活动、用户等资料。
六、配套资料清单
- 项目源码（kewaixuexishenghuopingtai）
- MySQL 数据库脚本（db.sql）
- 开题报告.docx
- 论文.docx
- 说明文档.txt
会员赠送权益
黄金会员自选 2 个项目，钻石会员累计自选 5 个项目；一次性赠送，不按天恢复。已领取项目可重复访问。
黄金升级钻石补足总额度；续费不重复赠送。每位付费会员共享有一次本地部署协助。
