Skip to content

嗨.音乐是一个SpringBoot+Vue前后端分离的音乐主题类网站,具有热门榜单,歌单、歌曲、歌手、MV模块,用户可听歌、搜索相关歌曲、MV,发布歌单等功能。

License

Notifications You must be signed in to change notification settings

GGrain/yanghi-hai-music

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo

概述

嗨.音乐是一个前后端分离的音乐主题类网站,具有热门榜单,歌单、歌曲、歌手、MV模块,用户可听歌、搜索相关歌曲、MV,发布歌单等功能。

技术栈

  1. 后端:SpringBoot、MyBatis-Plus、MySQL
  2. 前端:Vue2 VueRouter Vuex

系统设计

服务接口接收前台管理的Axios请求后,返回数据,前台页面接收数据进行数据的渲染。服务接口接收后台管理的Axios请求后,返回数据,完成页面的初始渲染,后台管理人员操作具体的更新记录,发起Axios请求,服务接口接收请求,执行对应的方法,使数据库中的数据改变。服务接口通过JDBC操作数据库,实现数据的查询和更新。

image-20230225165002713

功能模块

系统的功能模块分成两部分:前台和后台

在前台页面功能主要为用户注册登录,用户浏览歌单、MV、歌曲、歌手的信息,用户播放歌曲、观看MV,用户对歌单、MV、歌曲进行评论,搜索歌曲、歌手、歌单、MV信息,系统推荐歌单、歌曲、歌手、MV信息,我的音乐。前台功能模块图如图2-1所示。

image-20230225165029413

后台页面管理的功能模块分成两部分:用户管理和内容管理。用户管理对普通用户、歌手、审核员、管理员进行管理。内容管理对歌曲、MV、歌单、评论进行管理。后台功能模块图如图2-2所示。

image-20230225165037322

数据库设计E-R图

用户发布

image-20230225165157093

歌手发布

image-20230225165214377

评论关联

image-20230225165228126

用户管理

image-20230225165238783

内容审核

image-20230225165247853

页面展示

首页

image-20230225165318475

注册登录

image-20230225165323520

image-20230225165329945

歌曲

image-20230225165334568

歌单

image-20230225165338894

MV

image-20230225165342960

歌手

image-20230225165347128

歌单详情

image-20230225165350660

MV详情

image-20230225165354475

歌手详情

image-20230225165358295

歌曲详情

image-20230225165401802

播放器详情

image-20230225165405027

本地运行

请打开子文件夹的 README.md 文件进行查看。

反馈

如果您有任何反馈,请通过发送至电子邮件与我联系/或者提交issues

About

嗨.音乐是一个SpringBoot+Vue前后端分离的音乐主题类网站,具有热门榜单,歌单、歌曲、歌手、MV模块,用户可听歌、搜索相关歌曲、MV,发布歌单等功能。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 52.0%
  • Java 36.1%
  • JavaScript 11.4%
  • HTML 0.5%