基于Vue+Springboot的在线音乐网站

1、项目介绍

系统角色： 管理员、普通用户

主要功能包括: 普通用户角色功能(登录注册、音乐收藏、音乐下载、音乐播放、音乐评论、评分、音乐搜索、歌手列表、歌单列表);

管理员角色功能(登录、添加新用户、更新用户头像、编辑用户信息、单条信息删除、批量信息删除、评论歌单、歌单评分、收藏、音乐收藏、下载、拖动控制、音量控制等功能);

框架结构：前后分离Spring Boot 2 结构、Spring MVC, Spring5, MyBatis, 页面技术VUE

数据库：MySQL

2、技术概要

前端技术: VUE、ElementUI、LayUI、Axios

后端技术:

    控制层框架: Spring MVC、

Spring 5框架

持久层框架: MyBatis

web 容器: Tomcat 9、10

Spring Boot 2 结构

数据相关:

数据库: MySQL5.7

数据库可视化: MySQL-Front

3、项目源码目录结构图

4、功能详情

普通用户角色功能：

前台首页：



一、设置：

1.1 个人资料修改

1.2 头像修改

二、 歌单：

包括：全部歌单、歌单类别、歌单展示、歌曲播放、歌词同步显示、音乐收藏、下载、拖动控制、音量控制等。

三、歌手：

包括：全部歌手、男歌手、女歌手、我的歌手、组合歌手等。

四、我的音乐

  包括：个人信息显示，包括昵称、性别、生日、故乡、个人签名等、我的收藏等。

五、检索音乐

管理员角色功能：

登陆页面：

一、系统首页：

1.1 数据汇总显示-用户总数、歌曲总数、歌手数量、歌单数量

1.2 用户性别比列-饼形图展示

1.3 歌曲类型分布-条形图展示

1.4 歌手性别比例-饼形图展示

1.5歌手国籍分-条形图展示

二、用户管理

        包括：添加新用户、更新用户头像、编辑用户信息、单条信息删除、批量信息删除、收藏等功能。

三、歌手管理

  包括：添加歌手信息、编辑歌手信息、删除单条歌手信息、批量删除歌手、歌曲评论、更换歌曲图片、更换歌曲、编辑、删除歌曲等功能

四、歌单管理

  包括：更换歌单图片、添加歌单、单条、批量删除歌单、评论歌单、歌单评分、查看和删除歌单内容等功能。

五、歌单、歌曲检索音乐