泡泡音乐（BubbleMusic）

项目初衷

泡泡音乐旨在打造一个 免费、无广告、纯净的听歌平台，让用户能够专注于音乐本身，享受轻量、舒适、无干扰的体验。

项目概况

泡泡音乐目前包含 后台管理系统、 网页端播放系统、 electron桌面端app 三大核心模块：

• 后台管理系统：用于管理音乐资源、权限、用户等基础数据
• 官网网页端：提供基础的在线听歌功能，包括搜索、播放、歌手等
• electron桌面端app: 提供更加全面的听歌功能，包括歌词、播放列表、用户登陆、喜欢歌曲、歌单系统、音乐推荐等

🔧 后台管理系统

后台系统负责音乐平台的核心数据管理，包括：

• 权限管理（用户 + 角色）
• 系统配置管理
• 音乐资源管理（歌曲、歌手等）
• 外部脚本管理（定时任务、爬虫等）
• 数据看板与实时广播（基于 WebSocket）

访问链接：
👉 https://lordly.xin/bubble_music/admin

🎵 网页端播放系统

主要提供用户在线听歌功能，包括：

• 播放歌曲、切换、搜索等基本功能
• 浏览歌手

访问链接：
👉 https://lordly.xin/bubble_music/web

📱 electron桌面端app

提供相对于网页端更加全面的听歌功能，包括：

• 播放歌曲、切换、搜索等基本功能
• 浏览歌手
• 歌词显示
• 播放列表
• 用户登陆
• 喜欢歌曲
• 歌单系统
• 音乐推荐

下载链接：
👉 https://lordly.xin/bubble_music/release/

技术栈

后端

• Node.js + Express + TypeScript
• MySQL（数据存储）
• Redis（缓存验证码）
• WebSocket（实时数据广播）

前端

• 后台管理：Vue 3 + Element Plus
• 官网网页：Vue 3（轻量化，无 UI 库）
• electron桌面端：Electron-Vite 脚手架为基础搭建的 Electron + Vue3 项目