GQ Music项目演示图

1.Minio结构

2.表结构

3.用户端部分页面截图

1.推荐页面

• 轮播图可以跳转到管理端指定的专辑页面
• 歌单推荐和歌曲推荐走的是不同的推荐逻辑

2.搜索页

• 选择音乐时可以按照歌手/专辑/歌曲名进行搜索
• 选择用户时按照用户名搜索

接下来避免看不清我关掉了主题

点击右箭头可以跳转用户个人详情

3.个人详情页

可以收起统计

点击粉丝和关注显示自己的粉丝和关注用户，同样点击后跳转到其他用户详情

若用户开启了私密模式则无法显示其喜欢的歌曲、收藏的歌单、以及创建的歌单

4.曲库模块（所有歌曲）

这里的更多中下拉可以看到更多的操作

5.歌手模块

按分类筛选歌手，点击后可以进入歌手详情页

6.歌手详情页

歌曲、专辑、详情导航

详情页

专辑导航显示出所有专辑懒加载展开后显示所有歌曲，也可以点击专辑名跳转到专辑详情页

7.专辑详情页

专辑信息页

专辑评论区

8.歌单模块（官方歌单）

点击进入歌单详情页

9.喜欢模块

显示喜欢的歌曲、专辑、歌手

10.我的歌单-创建我的歌单

创建方式

1.自己在我的歌单页创建

评论管理：管理其他用户对你的歌单的评价

上传封面：就是上传封面

2.歌曲更多下拉框中添加到中选择

11.最近播放

这里的更多多了移除按钮，可以把歌曲移出最近播放，你也可以清除全部记录

12.个人中心

也就是别人看的个人详情页记录自己的一些数据这里不多做介绍

13.收藏的歌单

收藏的歌单放在这里，可以滚动

14.个人设置

更新/修改信息

是否公开主页

自动播放/恢复进度/音频条开关

是否开启首页推荐

快捷键播放

音频条如下

15.暗色模式与亮色模式

16.主题功能

官方主题分为静态和动态

当然也可以自定义图片上传，自定义不支持视频以防网站压力过大

模糊度和亮度就不做解释了

17.意见反馈

18.歌曲播放页面

随机播放、循环播放、顺序播放

呼吸光效

歌词

评论可以上传图片和回复及删除-个人删与管理员删（歌单、专辑的评论也一样）

19.登录、注册、重置密码

4.管理端部分截图

管理端基于vue-pure-admin

1.首页

2.用户管理

3.歌手管理

上传头像

4.歌曲管理

上传音频时歌词可选传

5.批量导入歌曲

支持拖拽

6.专辑管理

7.歌单管理之官方歌单

添加歌曲界面跟用户端我的歌单一样

8.歌单管理之用户歌单

用户歌单只支持读和推荐

9.反馈模块

10.轮播图管理

编辑轮播图可以选择绑定专辑

11.主题管理

增删改查

支持上传图片格式和视频格式

主要大的功能大概就这多，更细小我就不截图了