一、项目简介GameHub 是一个前后端分离的游戏攻略平台前端采用 React 18 Ant Design 5后端采用 Spring Boot 3 MyBatis-Plus数据库使用 MySQL 8。系统面向普通用户和管理员两种角色覆盖攻略发布与审核、社区讨论、积分商城、私信聊天、个人中心等完整业务链路。项目使用 JWT 实现无状态认证通过 Spring Security 6 做接口权限控制整体结构清晰适合作为游戏社区类项目的参考实现或二次开发基础。二、技术栈技术说明后端框架Spring Boot 3.2ORMMyBatis-Plus 3.5.5权限认证Spring Security 6 JWTjjwt 0.12.5前端框架React 18 React Router 6UI 组件库Ant Design 5状态管理React ContextAuthContext构建工具Vite 5数据库MySQL 8 MyBatis-Plus 分页插件文件上传MultipartFile 本地存储三、功能模块管理员端仪表盘展示用户总数、攻略总数、评论总数、讨论帖总数、待审核攻略数、订单总数便于运营掌握平台核心数据。用户管理分页展示用户列表支持按用户名/昵称搜索可启用或禁用用户账号禁用后该用户无法登录。管理员管理支持新增管理员设置用户名、密码、昵称、邮箱编辑管理员信息删除非超级管理员账号。攻略审核分页查看所有攻略支持按状态待审核/已通过/已驳回筛选和关键词搜索可审核通过或驳回攻略删除攻略时级联删除关联的评论、点赞、收藏记录。评论管理分页查看所有评论支持启用/禁用评论删除违规评论。讨论管理分页查看所有讨论帖支持启用/禁用帖子删除帖子下的回复。游戏分类管理新增/编辑游戏分类名称、图标、封面、描述、排序删除分类时若已有攻略引用则禁止删除保证数据完整性。商品管理分页查看积分商品支持新增/编辑商品名称、描述、封面、积分价格、库存删除商品。订单管理分页查看所有兑换订单可修改订单状态待处理/已完成等。轮播图管理查看轮播图列表按排序字段升序支持新增/编辑/删除轮播图标题、图片、链接、排序、状态。普通用户端注册/登录填写用户名、密码、昵称完成注册登录后自动获取 JWT Token 并跳转首页或后台。浏览攻略列表支持按游戏分类筛选、关键词搜索标题/内容分页展示攻略卡片。查看攻略详情展示标题、内容、封面、作者信息、游戏名称自动增加浏览量显示点赞/收藏状态。发布攻略填写标题、内容、封面图片、关联游戏提交后状态为待审核发布成功获得 50 积分。编辑攻略修改已发布的攻略标题、内容、封面、游戏重新提交后进入待审核状态。点赞/取消点赞攻略点击点赞按钮切换状态点赞后攻略点赞数 1用户获得 2 积分。收藏/取消收藏攻略点击收藏按钮切换状态收藏后攻略收藏数 1。发表评论在攻略详情页输入评论内容提交后评论数 1用户获得 5 积分。查看评论列表按时间倒序展示顶级评论每条评论下可查看回复列表。浏览社区讨论按游戏分类筛选帖子列表展示标题、作者、回复数、游戏名称。发布讨论帖填写标题、内容、关联游戏发布后状态为已通过。回复讨论帖在帖子详情页输入回复内容回复后帖子回复数 1。查看积分商城分页展示上架商品名称、描述、封面、积分价格、库存。兑换商品选择商品提交兑换扣除对应积分并扣减库存生成兑换订单。查看兑换订单分页展示个人兑换记录包含订单号、商品名称、消耗积分、状态。查看积分记录分页展示个人积分变动明细类型、数额、描述、时间。发送私信选择接收用户输入内容发送私信消息状态为未读。查看会话列表按最新消息时间排序展示所有对话显示对方昵称、头像、最后消息。查看聊天记录进入会话后按时间正序展示全部消息自动将对方未读消息标记为已读。查看未读消息数顶部展示未读私信数量。个人中心查看/编辑昵称、邮箱、手机号、性别、个人简介、头像。修改密码输入原密码、新密码完成密码修改。查看他人主页通过用户 ID 查看对方昵称、头像、等级等公开信息。每日登录奖励每天首次登录自动获得 10 积分记录积分来源为每日登录奖励。四、项目总结该项目技术选型主流且统一后端 Spring Boot 3 MyBatis-Plus 提供稳定的 CRUD 与分页能力前端 React 18 Ant Design 5 保证开发效率与交互体验。JWT 认证 Spring Security 6 的权限设计简洁清晰适合学习前后端分离架构下的认证流程。业务功能覆盖攻略社区的核心闭环发布-审核-互动-激励-兑换并包含私信等实时交互模块代码结构分层明确可直接作为课程设计、毕业设计或游戏社区类商业项目的二次开发基础。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K301 SpringBoot3+React18+MySQL 游戏攻略平台源码 前后端分离实战
一、项目简介GameHub 是一个前后端分离的游戏攻略平台前端采用 React 18 Ant Design 5后端采用 Spring Boot 3 MyBatis-Plus数据库使用 MySQL 8。系统面向普通用户和管理员两种角色覆盖攻略发布与审核、社区讨论、积分商城、私信聊天、个人中心等完整业务链路。项目使用 JWT 实现无状态认证通过 Spring Security 6 做接口权限控制整体结构清晰适合作为游戏社区类项目的参考实现或二次开发基础。二、技术栈技术说明后端框架Spring Boot 3.2ORMMyBatis-Plus 3.5.5权限认证Spring Security 6 JWTjjwt 0.12.5前端框架React 18 React Router 6UI 组件库Ant Design 5状态管理React ContextAuthContext构建工具Vite 5数据库MySQL 8 MyBatis-Plus 分页插件文件上传MultipartFile 本地存储三、功能模块管理员端仪表盘展示用户总数、攻略总数、评论总数、讨论帖总数、待审核攻略数、订单总数便于运营掌握平台核心数据。用户管理分页展示用户列表支持按用户名/昵称搜索可启用或禁用用户账号禁用后该用户无法登录。管理员管理支持新增管理员设置用户名、密码、昵称、邮箱编辑管理员信息删除非超级管理员账号。攻略审核分页查看所有攻略支持按状态待审核/已通过/已驳回筛选和关键词搜索可审核通过或驳回攻略删除攻略时级联删除关联的评论、点赞、收藏记录。评论管理分页查看所有评论支持启用/禁用评论删除违规评论。讨论管理分页查看所有讨论帖支持启用/禁用帖子删除帖子下的回复。游戏分类管理新增/编辑游戏分类名称、图标、封面、描述、排序删除分类时若已有攻略引用则禁止删除保证数据完整性。商品管理分页查看积分商品支持新增/编辑商品名称、描述、封面、积分价格、库存删除商品。订单管理分页查看所有兑换订单可修改订单状态待处理/已完成等。轮播图管理查看轮播图列表按排序字段升序支持新增/编辑/删除轮播图标题、图片、链接、排序、状态。普通用户端注册/登录填写用户名、密码、昵称完成注册登录后自动获取 JWT Token 并跳转首页或后台。浏览攻略列表支持按游戏分类筛选、关键词搜索标题/内容分页展示攻略卡片。查看攻略详情展示标题、内容、封面、作者信息、游戏名称自动增加浏览量显示点赞/收藏状态。发布攻略填写标题、内容、封面图片、关联游戏提交后状态为待审核发布成功获得 50 积分。编辑攻略修改已发布的攻略标题、内容、封面、游戏重新提交后进入待审核状态。点赞/取消点赞攻略点击点赞按钮切换状态点赞后攻略点赞数 1用户获得 2 积分。收藏/取消收藏攻略点击收藏按钮切换状态收藏后攻略收藏数 1。发表评论在攻略详情页输入评论内容提交后评论数 1用户获得 5 积分。查看评论列表按时间倒序展示顶级评论每条评论下可查看回复列表。浏览社区讨论按游戏分类筛选帖子列表展示标题、作者、回复数、游戏名称。发布讨论帖填写标题、内容、关联游戏发布后状态为已通过。回复讨论帖在帖子详情页输入回复内容回复后帖子回复数 1。查看积分商城分页展示上架商品名称、描述、封面、积分价格、库存。兑换商品选择商品提交兑换扣除对应积分并扣减库存生成兑换订单。查看兑换订单分页展示个人兑换记录包含订单号、商品名称、消耗积分、状态。查看积分记录分页展示个人积分变动明细类型、数额、描述、时间。发送私信选择接收用户输入内容发送私信消息状态为未读。查看会话列表按最新消息时间排序展示所有对话显示对方昵称、头像、最后消息。查看聊天记录进入会话后按时间正序展示全部消息自动将对方未读消息标记为已读。查看未读消息数顶部展示未读私信数量。个人中心查看/编辑昵称、邮箱、手机号、性别、个人简介、头像。修改密码输入原密码、新密码完成密码修改。查看他人主页通过用户 ID 查看对方昵称、头像、等级等公开信息。每日登录奖励每天首次登录自动获得 10 积分记录积分来源为每日登录奖励。四、项目总结该项目技术选型主流且统一后端 Spring Boot 3 MyBatis-Plus 提供稳定的 CRUD 与分页能力前端 React 18 Ant Design 5 保证开发效率与交互体验。JWT 认证 Spring Security 6 的权限设计简洁清晰适合学习前后端分离架构下的认证流程。业务功能覆盖攻略社区的核心闭环发布-审核-互动-激励-兑换并包含私信等实时交互模块代码结构分层明确可直接作为课程设计、毕业设计或游戏社区类商业项目的二次开发基础。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K301 RELATED READING
延伸阅读
更多一线实战笔记与深度复盘，助您持续精进
空间解法与工程优化)
