目录

前言

开发环境以及工具

项目功能

用户：

后台：

设计详情​编辑

登陆页面

后台管理页面

首页

视频展示

源码获取

---

前言

        本项目是一个基于IDEA和Java语言开基于SpringBoot的MusiQ音乐网站。应用包含管理端，教师端，学生端；

        本音乐网站的客户端和管理端使用 Vue 框架来实现，服务端使用 Spring Boot + MyBatis 来实现，数据库使用了MySQL。

开发环境以及工具

项目功能

用户：

音乐播放，用户登录注册，用户信息修改，头像修改，歌曲歌单搜索，歌单打分，歌单歌曲评论，歌单列表，歌手列表分页显示，歌词同步显示，音乐收藏，下载，拖动控制，音量控制。

后台：

对用户、歌曲、歌手、歌单信息进行增删改查的管理。

设计详情

登陆页面

前端部分主要依赖Vue 3框架，通过组件化的方式构建登录页面，并利用Vue Router进行页面导航管理。同时，使用Element Plus等UI库来快速搭建美观的界面。

后端部分则基于Spring Boot框架，通过RESTful API与前端进行数据交互。登录请求被接收后，Spring Security负责验证用户提交的凭据（如用户名和密码），并与存储在数据库中的信息进行匹配。一旦验证通过，会生成令牌（如JWT）以保持用户会话状态，并返回给前端。

前后端之间的通信依赖于HTTP协议，使用JSON作为数据交换格式。为了确保安全性，整个通信过程应通过HTTPS协议进行加密。

后台管理页面

用户管理模块

用户管理模块负责处理与网站用户相关的所有操作。管理员可以通过此模块管理用户账号，包括创建新用户、修改现有用户信息以及删除不再需要的用户账号。此外，该模块还提供了查看用户列表的功能，以帮助管理员了解所有用户的情况。

歌曲管理模块

歌曲管理模块是用于处理歌曲信息的关键部分。管理员可以通过此模块添加新歌曲、修改现有歌曲的详细信息以及删除不再需要的歌曲。此外，管理员还可以查看所有歌曲的列表，以了解歌曲的名称、艺术家和发行日期等信息。

歌手管理模块

歌手管理模块专门用于处理艺术家的信息。管理员可以添加新艺术家、修改现有艺术家的详细信息以及删除不再需要的艺术家。此外，管理员还可以查看所有艺术家的列表，了解艺术家的名称、简介等信息。

歌单管理模块

歌单管理模块是用于处理歌单信息的部分。管理员可以通过此模块创建新歌单、修改现有歌单的详细信息以及删除不再需要的歌单。此外，管理员还可以查看所有歌单的列表，了解歌单的名称、描述等信息。

首页

        用户可以自由地听歌、搜索和打分歌单，同时还能轻松完成登录、注册和信息修改。他们可以上传头像，查看歌手列表，浏览和评论歌单，还可以收藏音乐和下载歌曲。更棒的是，用户还能自由地拖动控制和调节音量。

视频展示

源码获取

关注公众号《编程乐学》，后台回复：23120921