酒吧点歌系统是一套面向酒吧、KTV 等线下场所的点歌平台源码：顾客用手机打开 H5 端浏览歌单、选歌下单，选择包厢后用账户余额完成支付，歌曲自动进入播放队列；歌手可申请入驻并获得主页与榜单曝光。系统由 H5 移动端与 PC 管理后台两部分组成，前后端分离。

这套点歌系统解决什么问题？

传统酒吧点歌靠顾客喊服务员或纸质歌本，高峰期服务员跑不过来，也容易漏单。这套系统把点歌动作交给顾客自己完成——扫码、选歌、选包厢、支付，四步搞定，后厨（这里是播放端）按队列顺序执行。对店家来说，订单有据可查，歌曲播放状态透明；对歌手来说，多了个展示和排名的渠道。

H5 端有哪些功能？

账号与余额

支持手机号注册登录，个人中心可查看与修改个人信息、修改密码、管理订单、查看余额，点歌时自动从余额扣费。

找歌方式

歌单按场景分类：热门金曲、华语经典、欧美流行、周杰伦专属、情人节特辑等。歌曲列表支持按首字母筛选，可查看歌曲详情与歌手信息，进入歌单可看其包含的完整曲目。

点歌与支付

选择歌曲后点击点歌，必须选择所在包厢，确认支付后系统自动扣除余额，订单创建成功并将歌曲加入播放队列。

场景化细节

  • 点歌队列：实时查看当前点歌队列与播放状态
  • 播放状态提示：显示每首歌是播放中、等待中还是已完成
  • 取消点歌：未完成的点歌订单可取消
  • 节日主题：系统根据当前日期自动切换节日主题皮肤

歌手入驻

普通用户可提交入驻申请，审核通过后拥有歌手主页（展示个人详情与歌曲），并进入热门歌手榜单。

PC 管理后台能管什么？

模块能力
系统设置支付与公众号配置、H5 端显示内容可视化配置、功能开关、富文本内容管理
用户管理用户列表、增删改查、余额手动增减
歌手管理入驻审核、歌手信息编辑、歌手歌单管理
歌曲与歌单歌曲库增删改、歌单增删改、筛选规则配置
订单与播放点歌订单查看、播放队列管理、订单统计
包厢管理包厢的增删改
数据与日志系统数据统计、操作日志

数据库核心表包括用户、歌手、歌曲、歌单、歌单与歌曲关联、订单、包厢共七张。

技术实现

后端为 Express.js + MySQL（Sequelize ORM），鉴权采用 JWT，密码使用 bcrypt 加密存储；H5 端与 PC 后台均使用原生 JavaScript + CSS3，请求用 Axios，本地状态用 localStorage 存储。整体为响应式设计，适配移动端设备，代码按模块化组织，数据动态加载实时更新。

适合什么样的场所？

希望减少服务员往返、让顾客自助点歌的酒吧与 KTV；也适合想做驻唱歌手运营、给歌手提供线上主页与榜单曝光的门店。

同类系统还可参考：录播仿直播系统源码、私域录播仿直播H5源码。

直播短视频与互动类系统还有更多，可在直播短视频与互动栏目横向对比。