一、项目简介拾音集是一个面向原创音乐分享与创作场景的完整前后端分离项目。系统后端基于 Spring Boot 3 提供 RESTful API前端基于 Vue 3 构建单页应用数据存储使用 MySQL 8.x。系统内置普通用户、创作者、管理员三种角色覆盖了从音乐作品上传、审核、发布、播放、评论、收藏、关注、私信到后台数据统计与内容管理的完整业务闭环。项目代码结构清晰接口设计规范适合作为 Java 全栈开发的学习案例或二次开发的基础模板。二、技术栈技术说明后端框架Spring Boot 3.xORMMyBatis-Plus含分页插件与自动填充权限方案基于 HttpSession 的登录校验密码加密Hutool MD5文件上传MultipartFile 本地存储前端框架Vue 3Composition API script setup状态管理PiniauserStore构建工具Vite前端组件库Element Plus路由Vue RouterHash 模式HTTP 客户端Axios数据库MySQL 8.x跨域处理CORS 全局过滤器三、功能模块管理员端数据概览仪表盘展示注册用户数、创作者数、已发布作品数、待审核作品数、总播放量、评论数、收藏数、待处理举报数等核心指标便于运营决策。用户管理查看用户列表支持按昵称或用户名模糊搜索分页展示用户信息。用户状态控制启用或禁用用户账号禁用后该用户无法登录系统。重置用户密码一键将指定用户密码重置为 123456并自动进行 MD5 加密存储。作品管理查看所有作品列表支持按审核状态筛选和按标题关键词搜索。作品审核对待审核作品执行通过或拒绝操作更新作品状态字段。删除违规作品对已发布但存在违规内容的作品执行删除。评论管理查看全站评论列表支持按内容关键词搜索展示评论用户头像昵称及对应歌曲名称。删除评论对违规评论执行软删除将状态字段置为 0。举报管理查看举报列表支持按待处理或已处理状态筛选。处理举报将举报标记为已处理并记录处理时间。活动管理新增活动填写标题、描述、封面、起止时间及状态字段。活动编辑与删除修改活动信息或删除过期活动。普通用户端注册与登录注册时选择角色普通用户或创作者提交用户名、密码、昵称等字段登录采用 MD5 加密校验并按角色自动跳转至对应首页或面板。首页推荐作品按播放量降序展示前 10 条已发布作品。最新作品列表按创建时间降序展示前 10 条已发布作品。作品详情页展示封面、创作者头像昵称、分类、歌词、描述、播放量、收藏数及评论数。音频播放调用后端接口生成 WAV 音频流支持 30 秒演示音频播放。收藏与取消收藏通过 toggle 接口切换收藏状态重复点击可收藏或取消。发表评论提交评论内容并关联作品 ID评论状态默认为正常。关注与取消关注通过 toggle 接口关注或取消关注创作者支持检查当前是否已关注。查看关注/粉丝列表展示用户昵称与头像。个人主页展示头像、昵称、简介、邮箱、手机号、角色、关注数与粉丝数。编辑个人资料修改头像、昵称、简介、邮箱、手机号。我的收藏列表查看所有已收藏的音乐作品。我的关注列表查看所有已关注的用户。私信功能向指定用户发送私信填写接收者 ID 与内容消息默认为未读状态。聊天会话查看与某用户的聊天记录按时间升序排列并自动将对方发来的未读消息标记为已读。联系人列表按最近消息时间排序展示最后一条消息内容。未读消息与通知查看未读消息数量查看通知列表按时间降序支持单条标记已读和全部标记已读。举报功能举报作品或评论提交举报类型、目标 ID、原因状态为待处理。探索页按分类筛选作品支持按标题关键词搜索。活动浏览查看进行中的活动包含标题、描述、封面及起止时间。退出登录销毁服务端 Session。创作者端上传音乐作品填写标题、分类、描述、歌词上传封面图片和音频文件。作品管理查看所有已发布、待审核、已拒绝作品支持按状态筛选。编辑作品信息修改已上传作品的标题、分类、描述、歌词、封面等字段。删除作品删除自己名下的音乐作品。作品统计查看作品总数、已发布数量、总播放量、总收藏数、总评论数。互动数据查看查看评论列表包含用户头像昵称、评论内容及时间。编辑创作者资料修改头像、昵称、简介、邮箱、手机号。消息与私信查看未读消息与通知发送和接收私信。四、项目总结本项目在技术选型上紧跟主流后端采用 Spring Boot 3 MyBatis-Plus前端使用 Vue 3 Pinia Element Plus前后端通过 RESTful API 交互并处理了 CORS 跨域与 Session 会话保持。业务功能覆盖完整从作品上传、审核、播放到社交互动、私信通知再到后台数据统计与内容治理形成了闭环。代码结构分层清晰接口命名规范适合用于学习 Spring Boot 3 与 Vue 3 的前后端分离开发流程也可作为音乐类内容社区项目的开发基座在此基础上扩展推荐算法、评论回复或音频转码等进阶功能。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K300 SpringBoot3+Vue3+MySQL 音乐分享创作网站前后端分离源码实战
一、项目简介拾音集是一个面向原创音乐分享与创作场景的完整前后端分离项目。系统后端基于 Spring Boot 3 提供 RESTful API前端基于 Vue 3 构建单页应用数据存储使用 MySQL 8.x。系统内置普通用户、创作者、管理员三种角色覆盖了从音乐作品上传、审核、发布、播放、评论、收藏、关注、私信到后台数据统计与内容管理的完整业务闭环。项目代码结构清晰接口设计规范适合作为 Java 全栈开发的学习案例或二次开发的基础模板。二、技术栈技术说明后端框架Spring Boot 3.xORMMyBatis-Plus含分页插件与自动填充权限方案基于 HttpSession 的登录校验密码加密Hutool MD5文件上传MultipartFile 本地存储前端框架Vue 3Composition API script setup状态管理PiniauserStore构建工具Vite前端组件库Element Plus路由Vue RouterHash 模式HTTP 客户端Axios数据库MySQL 8.x跨域处理CORS 全局过滤器三、功能模块管理员端数据概览仪表盘展示注册用户数、创作者数、已发布作品数、待审核作品数、总播放量、评论数、收藏数、待处理举报数等核心指标便于运营决策。用户管理查看用户列表支持按昵称或用户名模糊搜索分页展示用户信息。用户状态控制启用或禁用用户账号禁用后该用户无法登录系统。重置用户密码一键将指定用户密码重置为 123456并自动进行 MD5 加密存储。作品管理查看所有作品列表支持按审核状态筛选和按标题关键词搜索。作品审核对待审核作品执行通过或拒绝操作更新作品状态字段。删除违规作品对已发布但存在违规内容的作品执行删除。评论管理查看全站评论列表支持按内容关键词搜索展示评论用户头像昵称及对应歌曲名称。删除评论对违规评论执行软删除将状态字段置为 0。举报管理查看举报列表支持按待处理或已处理状态筛选。处理举报将举报标记为已处理并记录处理时间。活动管理新增活动填写标题、描述、封面、起止时间及状态字段。活动编辑与删除修改活动信息或删除过期活动。普通用户端注册与登录注册时选择角色普通用户或创作者提交用户名、密码、昵称等字段登录采用 MD5 加密校验并按角色自动跳转至对应首页或面板。首页推荐作品按播放量降序展示前 10 条已发布作品。最新作品列表按创建时间降序展示前 10 条已发布作品。作品详情页展示封面、创作者头像昵称、分类、歌词、描述、播放量、收藏数及评论数。音频播放调用后端接口生成 WAV 音频流支持 30 秒演示音频播放。收藏与取消收藏通过 toggle 接口切换收藏状态重复点击可收藏或取消。发表评论提交评论内容并关联作品 ID评论状态默认为正常。关注与取消关注通过 toggle 接口关注或取消关注创作者支持检查当前是否已关注。查看关注/粉丝列表展示用户昵称与头像。个人主页展示头像、昵称、简介、邮箱、手机号、角色、关注数与粉丝数。编辑个人资料修改头像、昵称、简介、邮箱、手机号。我的收藏列表查看所有已收藏的音乐作品。我的关注列表查看所有已关注的用户。私信功能向指定用户发送私信填写接收者 ID 与内容消息默认为未读状态。聊天会话查看与某用户的聊天记录按时间升序排列并自动将对方发来的未读消息标记为已读。联系人列表按最近消息时间排序展示最后一条消息内容。未读消息与通知查看未读消息数量查看通知列表按时间降序支持单条标记已读和全部标记已读。举报功能举报作品或评论提交举报类型、目标 ID、原因状态为待处理。探索页按分类筛选作品支持按标题关键词搜索。活动浏览查看进行中的活动包含标题、描述、封面及起止时间。退出登录销毁服务端 Session。创作者端上传音乐作品填写标题、分类、描述、歌词上传封面图片和音频文件。作品管理查看所有已发布、待审核、已拒绝作品支持按状态筛选。编辑作品信息修改已上传作品的标题、分类、描述、歌词、封面等字段。删除作品删除自己名下的音乐作品。作品统计查看作品总数、已发布数量、总播放量、总收藏数、总评论数。互动数据查看查看评论列表包含用户头像昵称、评论内容及时间。编辑创作者资料修改头像、昵称、简介、邮箱、手机号。消息与私信查看未读消息与通知发送和接收私信。四、项目总结本项目在技术选型上紧跟主流后端采用 Spring Boot 3 MyBatis-Plus前端使用 Vue 3 Pinia Element Plus前后端通过 RESTful API 交互并处理了 CORS 跨域与 Session 会话保持。业务功能覆盖完整从作品上传、审核、播放到社交互动、私信通知再到后台数据统计与内容治理形成了闭环。代码结构分层清晰接口命名规范适合用于学习 Spring Boot 3 与 Vue 3 的前后端分离开发流程也可作为音乐类内容社区项目的开发基座在此基础上扩展推荐算法、评论回复或音频转码等进阶功能。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K300 RELATED READING
延伸阅读
更多一线实战笔记与深度复盘，助您持续精进
