引言
本课题设计并实现了一套校园新闻发布系统，面向管理员、注册用户与访客三类角色，提供新闻采编与审核、公告发布、评论收藏、举报治理、留言板与社区论坛等能力。系统采用 Spring Boot 与 Vue 前后端分离架构，将内容生产、审核发布、阅读互动与后台运维串联为完整业务闭环，适合作为计算机相关专业毕业设计的学习与实践案例。
系统概述
本系统面向超级管理员、普通管理员、注册用户与访客，提供管理端与前台门户双端界面。管理端负责分类维护、新闻审核、用户管理、举报处理与统计报表；前台门户供师生浏览新闻与公告，登录后可发布新闻、参与评论收藏、在论坛发帖并在留言板提问。
主要业务链路为：用户注册登录 → 撰写新闻并选择分类 → 管理员审核 → 审核通过后前台公开展示 → 其他用户阅读、评论、收藏或举报 → 管理员处理举报并查看统计图表。网站公告由管理员统一维护，在首页侧栏滚动展示，与新闻业务并行运转。
技术架构
系统采用 Spring Boot 2.5.3 作为服务端框架，Vue 3.2.13 构建单页应用，MySQL 存储业务数据，MyBatis 2.2.0 完成持久层映射。整体分为表现层、业务层与数据层：表现层由 Element Plus 组件与 WangEditor 富文本承担页面交互；业务层通过 Controller 与 Service 处理登录校验、审核状态流转与文件上传；数据层由 Mapper XML 访问十余张业务表。
| 层次 | 技术选型 | 说明 |
|---|---|---|
| 表现层 | Vue 3 + Element Plus + ECharts | 管理端表格表单、前台门户与统计图表 |
| 业务层 | Spring Boot 2.5.3 + Java 8 | REST 接口、文件上传与业务规则 |
| 数据层 | MySQL + MyBatis | 新闻、用户、评论、举报等数据持久化 |
核心功能
前台门户与新闻浏览
访客打开系统首页即可看到「最新新闻」卡片列表，每条记录展示封面图、标题、发布时间与阅读量。点击卡片进入新闻详情页阅读全文，侧栏同步展示网站公告与最新新闻推荐，便于师生快速获取校园资讯。
留言板与社区互动
前台提供留言板与论坛两个交流入口。用户在留言板填写标题与内容提交咨询，管理员可在后台查看并回复；论坛模块支持发帖、回复与浏览量统计，登录用户在「我的帖子」中管理自己发布的内容。
用户投稿与富文本发布
注册并登录后，用户进入会员中心「发布新闻」页面，填写标题、选择新闻分类、上传封面图，并通过 WangEditor 富文本编辑器编排正文。提交后新闻进入待审核状态，用户可在「管理新闻」中查看审核进度与管理员意见。
评论、收藏与举报
在新闻详情页，登录用户可发表评论、收藏文章或发起举报。举报时弹出对话框填写原因，系统记录举报时间与内容，由管理员在后台审核并给出处理回复，形成内容治理闭环。
会员中心与个人内容管理
会员中心左侧菜单聚合发布新闻、管理新闻、我的评论、我的收藏、我的举报、我的帖子等功能。以「我的帖子」为例，列表展示标题、浏览量与发布时间，支持查看详情、编辑与删除操作，方便用户维护个人发布记录。
管理后台与数据统计
管理员登录后台后可维护用户账号、新闻分类、公告、友情链接，并审核新闻与举报。统计报表模块基于 ECharts 绘制新闻分类分布、按日发布量与按月发布量折线图，辅助管理部门掌握内容运营情况。
数据库设计
系统数据库包含 12 张核心业务表，主要包括：
- news：存储新闻标题、分类编号、封面路径、富文本正文、阅读量、发布人、发布时间、审核状态与审核回复
- newscategories：维护校园动态、学术研究、活动策划等分类名称
- users：记录注册用户账号、昵称、性别、头像、联系方式与注册时间
- admin：存储后台管理员账号与角色身份
- newscomments：保存用户对新闻的评论内容与时间
- newscollections：记录用户收藏的新闻及收藏时间
- newsreport：存储举报原因、举报时间与管理员审核结果
- websiteannounce：网站公告标题、富文本详情与发布时间
- board：留言板标题、内容、提交时间及管理员回复
- articles与postreplies：论坛帖子及回复数据
- friendlinks：友情链接名称与网址
新闻审核状态以文本形式标记「审核通过」「审核不通过」等；举报记录同样有审核状态与回复字段，便于追溯处理过程。
界面与交互展示
下图展示新闻中心列表页，顶部导航可切换网站首页、公告、新闻分类、留言板、论坛与个人中心，页面中部按分类呈现新闻条目，右侧侧栏展示公告与推荐内容。
管理端采用左侧深色菜单加右侧内容区的经典布局，模块划分清晰，表格支持搜索、分页与详情编辑，与前台门户在视觉风格上形成管理端与展示端的明确区分。
部署与运行
运行环境建议：JDK 1.8、Maven 3.x、MySQL 5.5 及以上、Node.js 14 及以上与现代浏览器。部署时先在 MySQL 中创建 CampusNewsRelease 库并执行 DB 目录下 SQL 脚本初始化表结构，再修改后端 application.yml 中的数据源配置。后端默认监听 8088 端口，上下文路径为 /CampusNewsRelease；前端在工程目录执行 npm install 与 npm run serve，默认通过 8080 端口访问。生产环境部署后请自行修改默认管理员与测试用户密码，勿继续使用演示弱口令。
总结
本系统完整覆盖了校园新闻从投稿、审核、发布到阅读互动的典型场景，并延伸至公告、论坛、留言板与统计报表，体现了 Spring Boot 与 Vue 前后端分离架构在内容管理类项目中的实践方式。后续可扩展消息推送、移动端适配、全文检索或基于角色的细粒度权限控制，进一步提升系统的适用性与安全性。
本文为毕业设计学习交流，演示系统功能与技术实现思路，仅供学习参考。
