# 校园广播站点歌系统VoiceHub

*Published:* 2026-03-13
*Author:* 客服001

这是一个使用Nuxt4全栈框架开发的现代化校园广播站点歌管理系统。系统提供完整的点歌、投票、排期管理、通知推送、数据分析、权限控制和数据库管理功能，支持多角色权限管理和灵活的系统配置。

[![](https://www.xarjtc.com/wp-content/uploads/2026/03/9b8a65a3753b682.webp)](https://www.xarjtc.com/wp-content/uploads/2026/03/9b8a65a3753b682.webp)

主要功能  
🎵核心功能  
智能点歌系统：用户可以点歌或给已有歌曲投票，支持网易云音乐、QQ音乐和哔哩哔哩搜索，可选择期望播出时段  
多平台登录支持：  
网易云音乐登录：支持扫码登录，登录后可搜索个人歌单、收藏及播客电台内容  
一键添加到歌单：登录后支持将排期中的网易云音乐歌曲一键添加到个人歌单  
从歌单投稿：支持从个人歌单中直接投稿歌曲到系统  
从最近播放投稿：支持从最近播放记录中投稿歌曲  
播客电台投稿：支持搜索和投稿播客电台内容  
投稿限额管理：灵活配置用户投稿限制，支持按时间段、用户角色设置不同的投稿额度，有效控制系统负载  
歌曲去重功能：智能识别重复歌曲，优化歌曲库管理，避免重复播放  
歌曲管理：按热度排序，避免重复播放，动态URL防止链接过期，支持黑名单管理  
音乐播放器：内置音乐播放器，支持进度控制和音质实时切换  
音质切换：支持多种音质选择（标准、HQ、无损、Hi-Res等），动态获取最新播放链接  
音乐下载功能：支持管理员下载歌曲到本地，提供多种音质选择和批量下载  
歌曲重播功能：支持用户对已播放过的歌曲发起重播申请，支持查看申请记录和撤回申请  
👥用户管理  
用户管理：管理员添加用户，支持按年级班级分类  
权限控制：多级权限管理，支持普通用户、管理员、超级管理员  
黑名单管理：支持歌曲和艺术家黑名单，自动过滤不当内容  
📅排期管理  
排期管理：管理员可以通过拖拽界面进行歌曲排期和顺序管理  
排期草稿：支持保存排期草稿功能，允许管理员分步完成排期安排  
草稿状态不影响公开展示，可随时修改和完善  
支持草稿发布为正式排期，确保排期质量  
播出时段：灵活配置播出时段，支持多时段管理  
打印排期：支持自定义纸张大小、内容选择、编写备注和PDF导出的打印功能  
学期管理：管理员可设置当前学期，自动关联点歌记录  
公开展示：公开展示歌曲播放排期，按日期分组展示  
🔔通知系统  
实时通知：歌曲被选中、投票和系统通知  
通知设置：用户可自定义通知偏好，支持独立页面设置  
批量通知：管理员可向特定用户群体发送通知  
社交账号绑定：支持绑定MeoW等账号，同步推送通知到外部平台  
验证码验证：安全的验证码验证机制，支持动态样式反馈  
💾数据管理  
数据库备份：完整的数据库备份和恢复功能  
数据库重置：支持安全的数据库重置操作，可选择性保留用户数据或完全重置  
文件导入导出：支持备份文件的上传、下载和管理  
数据库自检：自动数据库验证和修复机制，确保系统稳定性  
🎨用户体验  
现代UI：响应式设计，深色主题，流畅的动画效果  
玻璃态设计：现代化的视觉效果和交互体验  
交互反馈：hover效果，点击反馈，状态变化动画  
移动端优化：适配支持移动设备访问，触摸友好的交互设计  
技术栈  
前端技术  
Nuxt4：Vue.js全栈框架，提供SSR和SPA支持  
Vue3：响应式前端框架，使用Composition API  
TypeScript：类型安全的JavaScript，提供完整的类型定义  
Tailwind CSS：实用优先的CSS框架，响应式设计  
Vue Router：前端路由管理  
后端技术  
Nuxt Server API：服务端API路由，支持中间件和认证  
Drizzle ORM：现代化数据库ORM，提供类型安全的数据库操作和高性能查询  
Neon Database：Serverless PostgreSQL数据库，支持自动启停和无缝扩展  
PostgreSQL：关系型数据库，支持复杂查询和事务处理  
Redis：高性能缓存数据库，提升系统响应速度（可选，暂不推荐，可能存在潜在的问题）  
JWT：标准JWT认证机制，支持24小时token有效期  
bcrypt：密码加密，安全的哈希算法  
Multer：文件上传处理，支持多种存储方式  
系统架构  
系统采用了现代化的Serverless全栈架构：

前端：使用Nuxt4+Vue3组合式API构建响应式用户界面  
后端：使用Nuxt Server API构建RESTful API服务  
数据库：使用Drizzle ORM+Neon Database，提供类型安全和高性能的数据库操作  
认证：标准JWT认证系统  
缓存：可选的Redis缓存层，提升系统响应速度  
部署：支持Vercel、Netlify、EdgeOne等Serverless平台一键部署  
在线网址：https://voicehub.smart-teach.cn/

GitHub地址：https://bgithub.xyz/laoshuikaixue/VoiceHub