Spring Boot 3 + Vue 3 + MySQL 粉丝互动平台源码 前后端分离实战

一、项目简介FanTalk 粉丝互动平台是一个基于 Spring Boot 3 Vue 3 MySQL 的前后端分离系统旨在为粉丝与偶像之间搭建完整的线上交流社区。系统支持普通用户、爱豆偶像和管理员三种角色提供论坛帖子发布与互动、爱豆关注与动态追踪、粉丝互动管理、系统公告、举报处理及数据统计等功能。后端采用 Spring Boot 3 框架前端使用 Vue 3 全家桶通过 RESTful API 进行通信数据库使用 MySQL 存储业务数据。二、技术栈技术说明后端框架Spring Boot 3ORMMyBatis-Plus权限认证Spring Security JWT前端框架Vue 3状态管理Pinia构建工具Vite数据库MySQL文件上传本地文件存储按日期分目录支持图片/头像/视频密码加密BCryptPasswordEncoder三、功能模块普通用户端注册与登录填写用户名、密码、手机号、邮箱完成注册支持用户名/手机号/邮箱三种方式登录。浏览帖子列表按分类综合讨论、追星日常、应援攻略等9大分类或关键词搜索帖子支持最新/最热排序。查看帖子详情展示帖子内容、作者信息、浏览量支持点赞、取消点赞、收藏、取消收藏操作浏览量自动累加。发布帖子填写标题、正文、上传图片、选择分类发布后系统自动统计浏览量、点赞数、评论数、收藏数。编辑/删除帖子仅可编辑或删除自己发布的帖子删除采用逻辑删除状态置为0。评论与回复对帖子发表评论支持回复指定用户的评论需传 parentId 和 replyToUserId 字段。举报帖子选择举报原因提交举报举报状态初始为 pending等待管理员处理。关注爱豆浏览爱豆列表支持分类/关键词筛选点击关注/取消关注关注后可在动态流查看爱豆发布的动态。查看关注的爱豆列表分页展示已关注的爱豆及其资料、粉丝数、作品数。查看我的帖子与收藏分页展示自己发布的帖子列表和收藏的帖子列表。个人资料管理修改昵称、邮箱、手机号上传头像修改密码需验证原密码。查看通知列表分页展示系统通知类型包括 like、comment、reply、follow、system支持标记单条已读或全部已读。查看公开公告浏览已发布的系统公告按置顶和发布时间排序展示。爱豆端完善爱豆资料设置艺名、简介、经纪公司、分类、封面图、出道日期等个人信息。发布动态发布图文/视频动态系统自动统计每条动态的点赞数和评论数。删除动态仅可删除自己发布的动态。添加作品上传作品信息包括标题、描述、封面、作品类型音乐/视频/专辑/影视等、发行日期、外部链接。删除作品删除已添加的作品记录。查看粉丝互动查看粉丝在自己动态下的点赞和评论记录默认展示最近50条。查看粉丝列表获取关注自己的粉丝用户列表。查看个人动态详情查看单条动态的详细内容、点赞状态、评论列表。动态互动管理接收粉丝的点赞和评论点赞数/评论数实时更新。管理员端概览统计查看总用户数、总爱豆数、总帖子数、总动态数、今日新增用户数和今日新增帖子数。日活跃用户统计基于操作日志查看每日活跃用户数据。用户角色分布查看粉丝、爱豆、管理员三种角色的数量分布情况。帖子分类统计查看9个帖子分类各自的帖子数量。用户管理分页查询用户按角色/关键词筛选支持创建用户、编辑用户信息昵称/手机/邮箱/头像/密码、修改用户状态启用/禁用、修改用户角色设置为爱豆时自动创建爱豆资料、删除用户不能删除管理员。爱豆管理分页查询爱豆列表支持编辑爱豆资料艺名/分类/经纪公司/简介/封面图删除爱豆降级为普通用户。帖子管理分页查询帖子按分类/关键词筛选支持设置置顶/热门/修改状态删除帖子逻辑删除。公告管理创建、编辑、删除公告公告类型支持 system/activity/update/maintenance可设置置顶和发布状态。举报管理分页查看举报记录按状态筛选处理举报时填写处理结果将状态改为已处理或驳回。四、项目总结本项目技术亮点在于采用 Spring Boot 3 Vue 3 最新技术栈前后端分离架构清晰权限认证基于 Spring Security JWT 实现数据持久化使用 MyBatis-Plus 简化开发。系统覆盖了粉丝互动平台常见的论坛、关注、通知、举报等业务场景功能完整度高适合作为 Java Web 全栈开发的学习项目或二次开发基础也可用于课程设计或毕业设计。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K041