SSM 鲸落文化线上体验馆源码｜制作视频、文化故事与收藏互动

鲸落文化线上体验馆是一套以文化图文与视频为核心的内容展示项目。平台将制作视频、趣味视频、历史背景和趣味故事分开组织，用户可以浏览内容、播放视频、下载关联文件，并通过收藏与评论参与互动。

项目中的制作视频包含剪纸、陶瓷等内容示例，适合围绕传统文化和手工艺搭建线上展示站点。后端使用 SSM，管理端采用 Vue 2，前台以 HTML 页面调用接口，配套提供源码、数据库和论文。

一、项目概况

二、制作视频与分类浏览

制作视频保存标题、分类、封面、视频地址、文件、日期、简介和详情。管理员通过分类整理不同主题，用户从列表进入详情后，可以先阅读介绍，再使用页面内的视频播放器观看内容，并下载关联文件。

视频与文件分成两个字段，适合将演示过程和补充资料配套展示。例如，一个剪纸主题条目可以用视频展示过程，用详情说明内容，再挂接对应资料。页面使用浏览器原生视频播放控件，部署时需确保媒体地址可访问且格式能够播放。

三、趣味视频与内容互动

趣味视频沿用标题、分类、封面、视频、简介和详情的组织方式，与制作视频使用独立数据表和评论模块。两类内容既保持类似的阅读体验，也便于管理员分别维护。

视频详情提供收藏与评论，收藏记录保存用户、内容编号、所属表名、标题和图片，用来关联不同类型的内容。视频还记录浏览次数、最近点击时间以及赞踩计数，便于学习内容互动字段如何与详情页连接。

四、历史背景、故事与后台维护

历史背景和趣味故事采用图文形式，字段包括标题、简介、图片与正文。它们可以为视频补充背景知识，让站点既有操作演示，也有可阅读的文化内容。管理员还能维护用户资料、首页轮播图和收藏记录。

后台的内容列表支持查询、详情和编辑，视频列表增加预览、文件下载与评论查看入口。整理演示内容时，可按主题准备图文、封面、短视频和附件，使访问者能够沿着同一主题继续阅读。

五、技术结构与学习重点

后端按 Controller、Service、实体和 Mapper 分层，制作视频、趣味视频、历史背景与故事分别保存。管理界面使用 Vue 2 与 Element UI，前台页面通过接口获取列表和详情，再将视频地址绑定到播放控件。

适合重点阅读三部分：分类条件如何传入列表查询，视频与附件地址如何保存和展示，以及收藏记录如何通过内容表名和编号指向不同模块。评论则分别关联制作视频与趣味视频，能够对照理解内容主体和互动记录的关系。

若继续扩展为用户投稿平台，应补齐发布人、审核状态和作者编辑范围。当前故事与趣味视频实体没有作者归属字段，不能只凭菜单配置就把它们当成完整的个人投稿工作台。媒体管理也可进一步加入格式校验、文件大小限制与失效地址检查。

六、部署入口与验证顺序

后端工程位于 wenhuatiyanguan。导入 db.sql 后，检查 src/main/resources 下的配置文件及 Spring 数据源配置。使用 Maven 导入工程，解析依赖后构建并部署到兼容的 Tomcat。

管理端源码在 src/main/webapp/admin，前台在 src/main/webapp/front。修改页面时需核对接口地址与上下文路径；管理端采用 Vue 2 与较早的构建依赖，应按项目依赖选择工具版本。

建议先验证分类和图文显示，再用一条制作视频测试封面、播放和附件下载，最后检查评论、收藏与个人资料。视频播放问题应分别检查文件路径、网络响应和浏览器兼容性，避免把媒体地址失效误判为页面功能故障。

七、配套资料清单

• 项目源码：wenhuatiyanguan，包含 Java 后端、Vue 管理端及前台页面。
• 数据库：db.sql。
• 运行说明：说明文档.txt。
• 项目文档：论文.doc。