音乐播放器小程序把音乐资源展示、音频播放与用户交流结合起来。用户按名称或类型查找音乐，进入详情播放内容并收藏，管理员维护音乐资料和公共信息。项目适合学习小程序媒体资源展示、Java 接口与个人收藏记录的配合。
项目配套 Java 后端、uni-app 前端、Vue 管理后台、MySQL 数据库脚本与设计论文，可结合业务页面、接口和数据表理解功能实现。
一、项目概况
| 项目名称 | 音乐播放器 |
|---|---|
| 资源编号 | MINI009 |
| 主要角色 | 用户、管理员 |
| 后端技术 | Java 8、Spring Boot 2.2.2.RELEASE、MyBatis-Plus |
| 前端与数据 | uni-app 小程序、Vue 2 管理后台、MySQL |
| 工程形式 | Maven 后端工程，配套小程序及管理端源码 |
| 业务范围 | 音乐展示、音频资源、分类检索、音乐收藏、评论回复、论坛与通知 |
二、用户端：浏览音乐并收藏交流
音乐记录包含名称、编号、图片、关键词、音乐文件、类型、二级类型、详情介绍和上架状态。列表为用户提供名称检索与类型筛选，详情关联音频文件，图片和文字说明共同构成音乐资源的展示内容。
收藏记录保存用户、音乐、收藏类型与时间，评论记录保存评论内容、时间及回复内容。用户可以围绕某条音乐留下反馈，也可以在公共论坛参与讨论。音乐详情内的评论与论坛帖子属于不同内容结构，查询时分别关联。
三、管理端：资源、分类与互动内容管理
管理员维护音乐资源、类型与上架状态，上传的封面和音频地址通过资料字段传到前端。音乐条目与文件资源需要一起核对，尤其是本地部署后接口地址、静态文件路径和音频访问是否一致。
后台还包含公告、通知、论坛和用户相关管理。通知可以关联用户并保存标题、类型、内容与时间，操作日志用于记录相应操作信息。评论回复由独立记录保存，适合练习关联查询和管理端反馈如何在详情页呈现。
四、业务结构：媒体资源与用户行为记录
音乐主表描述资源本身，收藏与评价分别描述用户的关注和反馈。这样的划分便于从一条音乐查看相关互动，也便于从用户角度查询自己的收藏。一级、二级类型字段则提供了更细的内容组织方式。
联调可先用一段可访问的测试音频建立音乐条目，验证列表、详情、播放地址、收藏和评论回复。重点观察资源路径在电脑浏览器与微信开发者工具中的访问差别，避免只确认列表能打开，却忽略音频文件地址。
五、技术结构与学习重点
后端采用 Spring Boot 组织接口，业务代码按控制器、服务、数据访问与实体分层，MyBatis-Plus 配合映射文件完成数据库操作。管理端使用 Vue 2 与 Element UI，小程序端由 uni-app 页面、路由配置和公共请求方法组成，两端通过接口访问同一套业务数据。
建议选择一条完整业务链来阅读：音乐列表—详情与音频—收藏—评论回复。从前端页面找到请求，再对应控制器、服务方法和表字段，观察新增、查询和状态更新分别发生在哪里。类型字典、当前用户标识及文件地址是联调时需要一起关注的内容。
六、部署入口与配置位置
- 以
yinyuebofang/pom.xml导入 Maven 工程。项目配置使用 Java 8 与 Spring Boot 2.2.2.RELEASE，先完成依赖加载。 - 创建 MySQL 数据库并导入工程中的
db.sql，修改src/main/resources/application.yml内的数据库连接、账号和端口。默认接口上下文为/yinyuebofang。 - 管理端源码位于
src/main/resources/admin/admin，依据其 package.json 安装依赖并运行npm run serve，同步调整接口请求地址。 - 小程序源码位于
src/main/resources/front/front，可在 HBuilderX 中打开，核对 manifest.json、pages.json 和公共请求地址，再编译到微信开发者工具。AppID 使用自己的小程序配置。
先确认后端接口与图片等静态资源能访问，再分别登录相关角色，按上述业务链验证新增、查询与处理结果。真机访问时需要使用手机可达的后端地址，并同步核对小程序的域名配置。通用环境准备步骤可从网站导航中的“部署教程”进入查看。
七、配套资料清单
- 项目源码：yinyuebofang，包含 Java 后端、uni-app 小程序前端与 Vue 管理端。
- 数据库：MySQL 数据库脚本
db.sql。 - 设计论文：音乐播放器小程序论文.doc。
