音乐探索发现你的音乐世界
用音乐振奋人心
Skip to content
关于本站
🎵 欢迎体验音乐探索平台
欢迎访问 音乐探索平台！
这是我的毕业设计项目，一个基于酷狗第三方 API（kg.hackdeacon.xyz）构建的音乐搜索与发现网站。
我的目标是打造一个简洁高效、数据驱动的音乐查询工具，并通过数据可视化方式呈现音乐趋势。这是我在前端开发、API 集成和数据交互方面的学习成果展示，也希望它能为你带来灵感与好歌的陪伴。
👉 欢迎提出宝贵建议，一起让它变得更好！
📌 项目背景
随着数字音乐的普及，用户渴望通过更便捷的方式探索音乐与趋势。
音乐探索平台应运而生，结合综合搜索、新碟推荐、排行榜分析与可视化大屏，
不仅帮助用户发现好音乐，也为开发者提供了一个技术能力展示的舞台。
🔍 功能概览
平台共包含以下核心页面：
1. 综合搜索
- 🔎 搜索歌曲、歌手、专辑，支持模糊匹配
- 🌥 未搜索时显示 ECharts 热词词云，支持点击词条触发搜索
- 💡 双列网格展示结果（桌面端），支持分页
- 🔊 歌曲详情弹窗展示排行榜信息和音频信息
2. 新碟上架
- 📅 展示最新发行的专辑，支持地区筛选（华语/欧美/日韩）
- 📀 点击专辑弹窗显示简介与歌曲列表
数据接口：
/top/album/album
3. 歌单探索
- 🧩 多级标签导航
- 📚 展示热门播放列表，点击查看歌曲详情与排行信息
4. 数据可视化大屏
打造音乐趋势实时可视化仪表盘，传递直观洞察：
- 🔠 热搜热力图：热搜关键词动态更新，直观查看分布
- 📊 新歌地区分布：柱状图展示不同地区专辑发行数据
- 🏷 标签分布：歌单标签分布饼图
数据来源：集成多个酷狗接口，每小时自动更新
5. 黑胶故事
每一首歌都是一段记忆。“音乐探索平台”希望成为一个连接数据与情感的黑胶留声机。
- 🧠 数据中的旋律：数据揭示“治愈系”热度上升，华语新碟占比近 40%
- 🕯 挖掘音乐故事：探索爆红曲目背后的地理与情绪触发点
- 🗣 你的黑胶记忆（计划中）：用户可投稿自己的音乐记忆，构建共鸣社区
6. 动态排行榜
实时展示每日歌曲排行波动，洞察音乐潮流风向标。
🛠 技术栈 & 链接
前端框架
数据可视化
- ECharts（用于生成柱状图、饼图、词云等图表）
- echarts-wordcloud（词云插件，支持动态交互）
网络请求
- Axios（处理 API 异步请求，支持错误捕获与拦截器）
构建工具
- Vite（现代化开发构建工具，速度快、热更新流畅）
后端 API
- 酷狗第三方 API（基于酷狗数据构建的开放接口服务）
样式处理
- Scoped CSS（组件内样式隔离）
- 响应式布局（适配桌面和移动端）
✨ 技术亮点
- 🔄 动态交互体验：词云 ↔ 搜索结果流畅切换，结合动画提升交互感
- 📊 数据驱动可视化：多图联动展现音乐趋势与热点
- 📱 全端响应式设计：自动适配桌面/移动设备，确保体验一致
- 🔌 稳定的 API 集成：支持请求超时、错误提示等健壮机制
总结
“音乐探索平台”融合了音乐发现与数据洞察，
是我在学习 Vue 技术栈、API 应用与用户体验方面的深度实践。
它不仅是我的毕业设计结晶，也是我热爱音乐与技术的结合产物。
希望你能在这里听见喜欢的旋律，也欢迎你来讲述自己的音乐故事。
未来，我也计划持续更新与迭代，让它成为更多人心中的数字黑胶馆。