独立设计并开发一个前后端分离的个人博客+在线音乐播放平台,在线音乐播放平台支持播放控制、歌单管理、播放模式切换及动态背景渲染等功能。
点击空白处退出提示
独立设计并开发一个前后端分离的个人博客+在线音乐播放平台,在线音乐播放平台支持播放控制、歌单管理、播放模式切换及动态背景渲染等功能。
技术栈:Vue3 + TypeScript + Pinia + Element Plus + SpringBoot + Redis + MySQL + Docker + MinIO
项目介绍地址:http://mochenblog.icu
• 项目部署于云服务器,实现前后端分离部署。
• 使用 Vue3 + Composition API + TypeScript 构建前端架构。
• 基于 Pinia 实现播放器状态管理及持久化存储。
• 封装 Audio 播放核心逻辑,实现播放模式(顺序 / 单曲循环 / 随机)和歌曲切换防抖处理。
• 后端基于 SpringBoot + Redis 实现:歌单缓存优化、接口访问加速、热数据缓存策略、网站 UV 统计、博客访问量统计。
• 基于 Redisson 实现接口限流,防止高并发场景下系统过载。



评论