# 51-校园表白墙系统 - 功能说明
# 项目概述
校园表白墙系统是一个集表白发布、匿名投稿、互动评论于一体的综合性Web应用系统。采用前后端分离架构,基于Vue 3和Spring Boot技术栈,为校园师生提供便捷的情感表达和交流平台。系统支持用户发布表白内容、匿名表白、评论互动、点赞收藏、内容审核、敏感词过滤、举报管理等全流程服务,营造健康积极的校园表白文化氛围。
# 项目概览
# ✨ 创新点
# 1. 双重身份机制
- 匿名保护:支持匿名发布表白内容,保护用户隐私,降低表白门槛。
- 实名展示:支持实名发布表白,增加真诚度和可信度。
- 自由切换:用户可根据不同场景选择匿名或实名方式,灵活自主。
# 2. 完善的内容审核体系
- 三级审核机制:待审核→审核通过→审核拒绝,管理员严格把关内容质量。
- 敏感词过滤:内置敏感词库(暴力、色情、赌博、诈骗、反动、辱骂、侮辱等),自动检测违规内容。
- 拒绝原因说明:审核拒绝时可填写具体原因,帮助用户理解并改进内容。
- 审核时间记录:完整记录审核时间、审核管理员,数据可追溯。
# 3. 多维度互动功能
- 点赞系统:用户可对表白内容点赞,记录点赞用户ID,防止重复点赞。
- 评论互动:支持对表白内容发表评论,支持二级评论(回复评论),增强互动性。
- 匿名评论:评论也支持匿名方式,保护用户隐私。
- 收藏功能:用户可收藏喜欢的表白内容,方便随时回看。
# 4. 智能化数据统计
- 浏览量统计:自动记录表白内容的浏览次数。
- 点赞量统计:实时统计点赞数量,支持热度排行。
- 评论量统计:统计评论数量,展示互动热度。
- 热门榜单:根据浏览量、点赞量、评论量综合计算热度,生成热门表白榜单。
# 5. 健康社区管理
- 举报机制:用户可举报违规表白内容,填写举报理由。
- 举报处理:管理员处理举报,填写处理结果,维护社区秩序。
- 分类管理:支持表白内容分类(表白、感谢、道歉、寻人、失物招领等)。
- 状态管理:评论支持状态管理(正常/已删除),内容可控。
# ✨ 项目亮点
# 一、业务功能亮点
- 完整的表白发布流程:从内容编辑、匿名选择、分类设置到提交审核,流程清晰规范。
- 双向互动体系:点赞、评论、收藏三位一体,构建活跃的社区氛围。
- 严格的内容审核:三级审核+敏感词过滤+举报处理,确保内容健康积极。
- 灵活的隐私保护:匿名发布、匿名评论,保护用户隐私,鼓励真实表达。
- 多场景适配:表白、感谢、道歉、寻人、失物招领等多种校园场景。
# 二、技术实现亮点
- 现代化前端技术栈:Vue 3.4.29 + Element Plus 2.8.4 + Vite 5.3.1,开发高效体验流畅。
- 稳定可靠的后端架构:Spring Boot 3.2.10 + MyBatis Plus 3.5.6,构建稳健后端服务。
- 完善的数据库设计:10张核心表,utf8mb4字符集,支持完整业务流程。
- 安全性设计:JWT Token认证、密码加密存储、接口权限控制。
- 富文本支持:使用wangEditor编辑器,支持富文本内容编辑与展示。
# 三、用户体验亮点
- 双端界面设计:
- 前台:水平导航,清新简洁,适合用户浏览和发布表白。
- 管理后台:侧边导航,功能集中,高效管理。
- 交互优化:
- 实时消息提示。
- 审核状态实时更新。
- 点赞收藏即时反馈。
- 热门榜单动态刷新。
- 视觉优化:
- 首页轮播图展示精选表白。
- 表白卡片设计美观,信息层次清晰。
- 评论区嵌套展示,二级评论一目了然。
- 移动端适配:响应式设计,支持手机、平板等多端访问。
# 管理员
# 系统管理
管理员管理:管理全部管理员账号,支持新增、编辑、删除、启用/禁用操作。
普通用户管理:管理全部用户账号,可修改用户信息、状态,支持重置密码、启用/禁用。
# 表白墙管理
表白内容审核:
- 查看待审核的表白内容,包括标题、内容、发布用户、是否匿名、分类。
- 审核通过:点击"通过",表白内容状态变为"审核通过",在前台展示。
- 审核拒绝:点击"拒绝",填写拒绝原因,表白状态变为"审核拒绝"。
- 记录审核时间和审核管理员ID,数据可追溯。
表白内容管理:
- 查看全部表白内容(待审核、审核通过、审核拒绝)。
- 查看表白详情:标题、内容、发布用户、匿名状态、分类、审核状态。
- 查看数据统计:浏览量、点赞量、评论量。
- 删除违规表白内容。
评论管理:
- 查看全部评论内容,包括评论用户、评论内容、是否匿名、所属表白。
- 查看二级评论(回复评论)。
- 删除违规评论,评论状态变为"已删除"。
- 统计评论数量。
点赞记录管理:查看全部点赞记录,包括点赞用户、被点赞表白、点赞时间。
收藏管理:查看全部收藏记录,包括收藏用户、被收藏表白、收藏时间。
# 举报管理
举报处理:
- 查看用户提交的举报记录,包括被举报表白、举报用户、举报理由、处理状态。
- 处理举报:查看举报内容,填写处理结果(删除内容/警告用户/驳回举报等)。
- 更新处理状态(待处理→已处理),记录处理时间。
# 敏感词管理
敏感词库管理:
- 查看全部敏感词,包括敏感词内容、状态、创建时间。
- 新增敏感词:添加需要过滤的敏感词。
- 编辑敏感词:修改敏感词内容。
- 启用/禁用敏感词:控制敏感词是否生效。
- 删除敏感词。
# 内容管理
轮播图管理:管理首页轮播图,设置标题、图片、排序。
系统公告管理:
- 发布系统公告,包括公告标题、公告内容。
- 编辑公告内容。
- 删除公告。
- 查看公告发布时间、发布管理员。
# 普通用户
# 表白发布
发布表白:
- 填写表白标题(200字以内)。
- 编辑表白内容(支持富文本编辑,可插入图片、表情等)。
- 选择是否匿名发布(匿名/实名)。
- 选择分类(表白/感谢/道歉/寻人/失物招领等)。
- 提交发布,表白状态为"待审核"。
我的表白:
- 查看自己发布的全部表白内容。
- 查看审核状态(待审核/审核通过/审核拒绝)。
- 查看拒绝原因(如被拒绝)。
- 查看数据统计:浏览量、点赞量、评论量。
- 编辑待审核的表白内容。
- 删除自己的表白。
# 表白浏览
表白墙首页:
- 浏览首页轮播图展示的精选表白。
- 查看最新表白列表,按发布时间倒序排列。
- 按分类筛选表白内容。
- 搜索表白内容(标题、内容关键词)。
热门表白:
- 查看热门表白榜单,按热度(浏览量+点赞量+评论量)排序。
- 查看上升最快的表白。
表白详情:
- 查看表白完整内容(标题、内容、发布用户昵称/匿名、分类、发布时间)。
- 查看数据统计:浏览量、点赞量、评论量。
- 自动增加浏览量+1。
# 互动功能
点赞:
- 对表白内容点赞,点赞后图标高亮。
- 点赞量实时更新。
- 点赞记录保存,防止重复点赞。
- 再次点击取消点赞。
评论:
- 对表白内容发表评论,支持匿名评论。
- 查看全部评论,按时间倒序排列。
- 回复评论(二级评论),支持@功能。
- 评论内容支持表情。
- 评论后评论量+1。
收藏:
- 收藏喜欢的表白内容,收藏后图标高亮。
- 再次点击取消收藏。
我的收藏:
- 查看自己收藏的全部表白内容。
- 查看表白详情。
- 取消收藏。
# 举报功能
举报表白:
- 对违规表白内容进行举报。
- 填写举报理由(内容不实/违规违法/辱骂攻击/广告spam等)。
- 提交举报,举报状态为"待处理"。
- 等待管理员处理。
# 系统公告
公告查看:
- 查看系统发布的公告通知。
- 查看公告详情(标题、内容、发布时间)。
# 个人中心
个人信息:修改个人信息(用户名、昵称、头像、手机号、邮箱)。
修改密码:修改登录密码。
# 功能权限对照表
| 功能模块 | 管理员 | 普通用户 |
|---|---|---|
| 首页 | ✓ | ✓ |
| 管理员管理 | ✓ | - |
| 用户管理 | ✓ | - |
| 表白内容审核 | ✓ | - |
| 表白内容管理(全部) | ✓ | - |
| 表白发布 | - | ✓ |
| 我的表白 | - | ✓ |
| 表白墙浏览 | ✓ | ✓ |
| 表白详情 | ✓ | ✓ |
| 热门表白 | ✓ | ✓ |
| 点赞功能 | - | ✓ |
| 评论管理(全部) | ✓ | - |
| 评论发布 | - | ✓ |
| 收藏管理(全部) | ✓ | - |
| 我的收藏 | - | ✓ |
| 举报表白 | - | ✓ |
| 举报处理 | ✓ | - |
| 敏感词管理 | ✓ | - |
| 轮播图管理 | ✓ | - |
| 系统公告管理 | ✓ | - |
| 系统公告查看 | ✓ | ✓ |
# 表白审核状态说明
# 审核状态流转
- 待审核:用户发布表白后的初始状态,不在前台展示,等待管理员审核
- 审核通过:管理员审核通过,表白内容在前台展示,用户可浏览、点赞、评论、收藏
- 审核拒绝:管理员审核拒绝,不在前台展示,用户可在"我的表白"中查看拒绝原因
# 评论状态
- 正常:评论正常显示
- 已删除:管理员删除违规评论,不再展示
# 举报处理状态
- 待处理:用户提交举报,等待管理员处理
- 已处理:管理员已处理举报,填写处理结果
# 默认账号
# 管理员
用户名: admin
密码: 123456
昵称: 管理员
手机号: 123456
邮箱: 123456@qq.com
状态: 启用
1
2
3
4
5
6
2
3
4
5
6
# 测试用户
用户名: user1
密码: 123456
昵称: 普通用户1
手机号: 123456
邮箱: 123456@qq.com
状态: 启用
1
2
3
4
5
6
2
3
4
5
6
用户名: user2
密码: 123456
昵称: 普通用户2
手机号: 123456
邮箱: 123456@qq.com
状态: 启用
1
2
3
4
5
6
2
3
4
5
6
# 核心业务流程
# 用户注册流程
1. 填写注册信息(用户名、密码、昵称、邮箱)
2. 系统创建用户账号(状态:启用)
3. 跳转到登录页
1
2
3
2
3
# 发布表白流程
1. 进入"发布表白"页面
2. 填写表白标题(200字以内)
3. 编辑表白内容(富文本编辑器)
4. 选择是否匿名发布(是/否)
5. 选择分类(表白/感谢/道歉/寻人/失物招领等)
6. 提交发布
7. 系统创建表白记录(状态:待审核,浏览量/点赞量/评论量初始为0)
8. 等待管理员审核
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 管理员审核表白流程
1. 管理员进入"表白内容管理"页面
2. 筛选"待审核"状态的表白
3. 查看表白详情(标题、内容、发布用户、是否匿名、分类)
4. 敏感词检测(自动标注包含敏感词的内容)
5. 审核决策:
- 审核通过:点击"通过",状态变为"审核通过",记录审核时间和管理员ID
- 审核拒绝:点击"拒绝",填写拒绝原因,状态变为"审核拒绝"
6. 审核通过的表白在前台展示
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 用户浏览表白流程
1. 进入"表白墙"页面
2. 浏览表白列表(仅显示"审核通过"的内容)
3. 点击表白卡片,进入表白详情页
4. 系统自动增加浏览量+1
5. 查看表白完整内容、数据统计(浏览量、点赞量、评论量)
6. 查看评论列表(一级评论+二级评论)
1
2
3
4
5
6
2
3
4
5
6
# 点赞流程
1. 用户在表白详情页点击"点赞"按钮
2. 系统检查是否已点赞:
- 未点赞:创建点赞记录(表白ID、用户ID、点赞时间),点赞量+1,图标高亮
- 已点赞:删除点赞记录,点赞量-1,图标取消高亮
3. 实时更新点赞量显示
1
2
3
4
5
2
3
4
5
# 评论流程
1. 用户在表白详情页点击"评论"
2. 填写评论内容
3. 选择是否匿名评论(是/否)
4. 选择评论类型:
- 一级评论:直接对表白内容评论(parent_id为空)
- 二级评论:回复其他评论(parent_id为被回复评论的ID)
5. 提交评论
6. 系统创建评论记录(表白ID、用户ID、用户昵称、内容、是否匿名、parent_id、状态:正常)
7. 表白的评论量+1
8. 评论实时显示在评论区
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 收藏流程
1. 用户在表白详情页点击"收藏"按钮
2. 系统检查是否已收藏:
- 未收藏:创建收藏记录(用户ID、表白ID、收藏时间),图标高亮
- 已收藏:删除收藏记录,图标取消高亮
3. 用户可在"我的收藏"页面查看收藏的表白
1
2
3
4
5
2
3
4
5
# 举报流程
1. 用户在表白详情页点击"举报"按钮
2. 选择举报理由(内容不实/违规违法/辱骂攻击/广告spam等)或填写自定义理由
3. 提交举报
4. 系统创建举报记录(表白ID、举报用户ID、举报理由、状态:待处理)
5. 管理员在"举报管理"页面查看举报记录
6. 管理员处理举报:
- 查看被举报表白内容
- 判断是否违规
- 填写处理结果(删除内容/警告用户/驳回举报等)
- 更新状态为"已处理",记录处理时间
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 热门表白榜单计算流程
1. 系统定期计算表白热度
2. 热度计算公式:热度 = 浏览量 × 权重1 + 点赞量 × 权重2 + 评论量 × 权重3
3. 按热度降序排列,生成热门榜单
4. 前台"热门表白"页面展示热门榜单
1
2
3
4
2
3
4
# 技术说明
# 系统架构
- 前端:Vue 3.4.29 + Element Plus 2.8.4 + Vite 5.3.1
- 后端:Spring Boot 3.2.10 + MyBatis Plus 3.5.6
- 数据库:MySQL 5.7+
- 认证:JWT Token
- 富文本编辑器:wangEditor 5.1.14
# 访问地址
- 后端API:http://localhost:1000
- 前端页面:http://localhost:5173(开发环境)
# 数据库
- 数据库名:campus_love_system
- 字符集:utf8mb4
- 总表数:10张表
# 核心表说明
- admin:管理员表
- user:用户表
- confession:表白墙主表(包含标题、内容、用户ID、昵称、是否匿名、分类、审核状态、拒绝原因、浏览量、点赞量、评论量、创建时间、审核时间、审核管理员ID等)
- comment:评论表(包含表白ID、父评论ID、用户ID、用户昵称、内容、是否匿名、状态、创建时间等)
- like_record:点赞记录表(包含表白ID、用户ID、创建时间等)
- collection:收藏表(包含用户ID、表白ID、收藏时间等)
- report:举报表(包含表白ID、举报用户ID、举报理由、处理状态、处理结果、创建时间、处理时间等)
- sensitive_word:敏感词表(包含敏感词、状态、创建时间等)
- notice:系统公告表(包含标题、内容、状态、创建时间、发布管理员ID等)
- carousel:轮播图表(包含标题、图片地址等)
# 系统特色
# 表白墙特色
- 匿名保护机制:支持匿名发布表白和评论,保护用户隐私,降低表达门槛
- 多分类支持:表白、感谢、道歉、寻人、失物招领等多种校园场景
- 三级审核机制:待审核→审核通过/审核拒绝,严格把控内容质量
- 拒绝原因说明:审核拒绝时填写原因,帮助用户改进内容
- 审核数据追溯:记录审核时间、审核管理员ID,数据可追溯
# 互动功能特色
- 点赞系统:支持点赞和取消点赞,防止重复点赞,实时更新点赞量
- 评论系统:支持一级评论和二级评论(回复评论),支持匿名评论
- 收藏功能:收藏喜欢的表白,方便随时回看
- 热门榜单:根据浏览量、点赞量、评论量综合计算热度,动态生成热门表白榜单
# 内容管理特色
- 敏感词过滤:内置敏感词库,自动检测违规内容,可动态管理敏感词
- 举报机制:用户可举报违规内容,管理员处理举报并填写处理结果
- 评论管理:管理员可删除违规评论,评论状态变为"已删除"
- 数据统计:实时统计浏览量、点赞量、评论量,为热度计算提供数据支撑
# 数据统计特色
- 浏览量统计:自动记录表白浏览次数
- 点赞量统计:实时统计点赞数量
- 评论量统计:统计评论数量
- 热度排行:综合计算热度,生成热门榜单
# 内容展示特色
- 轮播图展示:首页轮播图展示精选表白,吸引用户关注
- 系统公告:发布系统公告通知,与用户沟通
- 富文本支持:表白内容支持富文本编辑,可插入图片、表情等,表达更生动
# 项目优势
# 1. 解决校园痛点
- 降低表达门槛:匿名发布表白,保护隐私,降低表达压力
- 营造积极氛围:表白、感谢、道歉等多种正能量内容,营造健康校园文化
- 促进情感交流:评论、点赞、收藏等互动功能,增强用户连接
- 维护社区秩序:审核机制、敏感词过滤、举报处理,确保内容健康
# 2. 业务模式创新
- 双重身份机制:匿名/实名自由切换,适应不同表达场景
- 三级审核体系:待审核→审核通过/审核拒绝,严格把控内容质量
- 多维度互动:点赞、评论、收藏三位一体,构建活跃社区
- 智能热度计算:综合浏览量、点赞量、评论量,动态生成热门榜单
# 3. 技术实现完善
- 前后端分离:开发效率高,维护方便
- 响应式设计:适配手机、平板、电脑
- 安全认证:JWT Token,保障账户安全
- 数据库设计规范:10张表,关系清晰,数据完整
- 富文本支持:wangEditor编辑器,内容表达更生动
# 4. 用户体验优秀
- 操作简单:界面清晰,发布流程顺畅
- 实时反馈:点赞、评论、收藏即时反馈
- 多端适配:手机端、PC端都能流畅使用
- 隐私保护:匿名发布、匿名评论,保护用户隐私