SSM 博客系统源码｜Vue 管理端、文章创作与视频分享

博客系统是一套围绕文章创作、视频分享与读者互动构建的 Java Web 项目。博主发布和管理自己的文章、视频，访问者从前台浏览内容，管理员维护分类、热点新闻、公告、博主账号与留言，适合学习多作者内容网站的基础设计。

项目实际采用 SSM 后端和 Vue 2 管理端，展示端由 HTML 页面与 Vue、Layui 脚本组成。开题材料中存在 JSP 方案描述，本文以当前源码的目录与依赖为准。本目录配套开题、任务书和运行说明，未发现完整论文或系统截图。

一、项目概况

二、博主创作与内容管理

发布博客文章

文章实体保存标题、分类、图片、正文、博主账号和昵称，同时包含点赞、点踩、点击数等交互字段。博主菜单提供新增、查看、修改、删除和查看评论入口，用于完成文章资料的维护。

后台分页查询对博主身份附加当前账号条件，便于把个人作品与全站内容区分开。管理员负责全站文章记录的维护，并单独管理文章分类，为内容组织提供统一入口。

上传与展示视频信息

视频模块包含标题、分类、封面、播放地址、介绍和作者资料。展示页使用浏览器原生视频元素加载播放地址，提供基本播放控件，博主则在后台维护视频信息并查看相关评论。

这属于视频内容管理与播放展示，不包含视频转码、直播、弹幕或独立流媒体服务。实际部署时需核对视频格式、文件路径和上传限制。

三、前台阅读与互动

文章、视频和新闻使用各自的内容及评论实体；收藏以单独记录保存。这种结构适合学习多种内容类型如何共享交互方式，同时保持业务字段独立。

代码中的点击量和点赞数量是基础交互数据，不能据此推断已经实现个性化推荐。开题材料中提到的设想也应与具体接口和页面逐一核对。

四、管理员与博主的分工

管理员负责热点新闻、博主资料、文章分类、文章记录、视频分类、视频信息、留言回复、系统公告和首页轮播图。博主负责自己的文章与视频，以及个人收藏。

前台提供博主注册、登录入口；管理端菜单按管理员和博主区分。学习时可对照菜单配置、页面按钮和后端条件，理解界面权限与数据权限之间的关系。

五、技术结构与学习重点

后端位于 ssm3t2mm Maven 工程中，使用 Controller、Service、Mapper 与实体分层。Vue 管理端位于 src/main/webapp/admin，其 package.json 声明 Vue 2.6、Element UI 2 与 Vue CLI 4；展示端位于 src/main/webapp/front。

• 内容发布：文章正文、封面、分类和作者资料的保存与展示。
• 媒体展示：视频播放地址与封面的管理，以及浏览器播放控件。
• 互动数据：评论、收藏、点赞及点击量的接口与页面关系。
• 角色分工：区分博主个人内容与管理员全站管理。
• 前后端联调：Vue 管理端与 HTML 展示端分别配置后端接口地址。

本次核对了源码、依赖和现有文档，未进行完整运行验收。实际使用前应测试内容权限、上传文件、评论处理与视频兼容性。

六、部署入口与配置位置

先创建数据库、导入 SQL 并修改连接配置，再部署后端 WAR。管理端在对应目录安装依赖，使用包内 serve 或 build 脚本启动和构建；修改后端地址后同时核对前台请求路径。

管理端依赖中包含较旧的 node-sass 4，安装时需要匹配兼容的 Node.js 环境，不宜直接使用任意最新版本。按“博主登录—发布文章或视频—前台查看—评论收藏—后台管理”顺序验证主要流程。

七、配套资料清单

• 项目源码：ssm3t2mm，含 SSM 后端、Vue 管理端及前台页面。
• 数据库：db.sql。
• 运行说明：说明文档.txt。
• 过程材料：开题.doc、任务书.doc。

当前目录未发现完整设计论文、独立 PPT 或可用的运行截图。顶部封面及特色图为项目介绍配图，不代表实际运行界面。