老师维护课程和章节，学生可以选购课程并按章节学习。课程收藏、章节收藏及两类留言分别关联对应内容。
这套 Java Web 项目采用 Vue 页面和 MySQL 数据库。使用时可按管理员、老师、学生的入口查看各自负责的业务。下面以课程留言、章节留言、课程收藏为例，介绍操作入口、数据内容和本地部署方式。
一、项目概况
| 项目名称 | 在线教育系统 |
|---|---|
| 资源编号 | SSM683 |
| 技术栈 | SSM / Vue / MySQL |
| 参与角色 | 管理员、老师、学生 |
| 业务范围 | 课程购买、章节学习与课程留言 |
二、业务操作：课程购买信息功能与课程信息功能
老师可以进入课程留言管理、章节留言管理、课程管理、课程订单管理、章节管理、学生管理。
学生可以进入课程留言管理、章节留言管理、课程管理、课程收藏管理、课程订单管理、章节收藏管理。
1. 课程购买信息功能
这一页涉及课程、课程名称、课程照片、课程类型等资料。
2. 课程信息功能
这一页涉及课程、课程名称、课程照片、课程类型等资料。
3. 课程详情
这一页涉及课程、课程名称、课程照片、课程类型等资料。
4. 课程视频功能
这一页涉及课程、课程名称、课程照片、课程类型等资料。
5. 用户在线留言功能
这一页涉及用户名、角色等资料。
6. 章节信息功能
这一页涉及课程、章节名称、章节照片、视频等资料。
7. 首页界面的实现效果
下图展示首页界面的实现效果的实际布局和操作入口。
8. 用户中心
这一页涉及用户名、角色等资料。
9. 教师功能
下图展示教师功能的实现界面的实际布局和操作入口。
三、功能维护：课程订单管理功能与管理员功能
管理员可以进入课程留言管理、章节留言管理、课程类型管理、课程管理、课程收藏管理、课程订单管理、章节管理。
1. 课程订单管理功能
这一页涉及订单号、课程、用户、实付价格等资料。
2. 管理员功能
下图展示管理员功能的实现界面的实际布局和操作入口。
四、技术结构与学习重点
数据库与业务记录
主数据库脚本包含 13 张表。下表选取与课程购买等业务相关的记录，列出表名和可在源码中直接查找的字段。
| 课程留言（kecheng_liuyan） | 课程（kecheng_id）、学生（xuesheng_id）、留言内容（kecheng_liuyan_text） |
|---|---|
| 章节留言（zhangjie_liuyan） | 章节（zhangjie_id）、学生（xuesheng_id）、留言内容（zhangjie_liuyan_text） |
| 课程收藏（kecheng_collection） | 课程（kecheng_id）、学生（xuesheng_id）、类型（kecheng_collection_types） |
| 章节收藏（zhangjie_collection） | 章节（zhangjie_id）、学生（xuesheng_id）、类型（zhangjie_collection_types） |
| 课程（kecheng） | 课程（laoshi_id）、课程名称（kecheng_name）、课程照片（kecheng_photo） |
页面与后端接口
以课程为例，后端入口位于 KechengController.java，接口前缀为 /kecheng。可以对照 /kecheng/page 和 /kecheng/list 阅读对应的请求处理。
阅读详情或编辑页面时，可以沿着“课程”这个字段查找 laoshi_id，再对照 kecheng 表核对保存位置。这样可以把页面显示的名称、请求参数和数据库字段对应起来。
五、部署入口与配置位置
将包含 pom.xml 的 zaixianjiaoyu 工程导入开发工具，新建 MySQL 数据库并导入 db.sql。在 src/main/resources/config.properties 中按本地环境填写数据库地址、库名和账号。
使用 Maven 构建 WAR 后部署至兼容的 Tomcat，核对应用上下文。展示页入口可从 front/index.html 定位。单独运行或重建 Vue 页面时，还需检查前端接口地址是否指向同一应用。
首次进入项目，可先打开课程留言列表，选择一条已有记录，核对课程、学生等资料。
六、配套资料清单
- 项目源码（zaixianjiaoyu）
- MySQL 数据库脚本（db.sql）
- 任务书.doc
- 论文.doc
- 说明文档.txt
会员赠送权益
黄金会员自选 2 个项目，钻石会员累计自选 5 个项目；一次性赠送，不按天恢复。已领取项目可重复访问。
黄金升级钻石补足总额度；续费不重复赠送。每位付费会员共享有一次本地部署协助。
