springboot2整合vue开发在线音乐网站

项目描述

springboot+vue的前后端分离项目

后台主要分为：用户管理、歌手管理、歌单管理

用户在前端可以搜索歌曲名字、播放歌曲（如果上传了歌词，点击歌曲图片，可以显示歌词），可以评论歌曲，给歌曲评分等

用户还可以设置自己的信息，上传头像。

不过，歌曲取消收藏模块有点问题

运行环境

jdk7(8)+mysql+IntelliJ IDEA+maven

项目技术(必填)

springboot+vue+mybatis

数据库文件(可选)

链接：https://pan.baidu.com/s/1MdpkslwOT2CXiUzej8viDQ
提取码：wi9h

依赖包文件(可选)

链接：https://pan.baidu.com/s/1lCt2H-e4vShULF_YcL4O8g
提取码：kbgd

资源包文件(可选)

图片和MP3文件百度网盘下载地址

链接：https://pan.baidu.com/s/1hbjAWTq2uPZcsDMjuRLfaw
提取码：cnqc

运行视频(可选)

链接：https://pan.baidu.com/s/1Xfar1Eu3edzBYUGomjuLpQ
提取码：jx49

是否原创(转载必填原文地址)

转载：https://github.com/Yin-Hongwei/music-website.git

项目截图(必填)

在线音乐管理后台编译启动

>cnpm install

>cnpm run dev

在线音乐网站端编译启动

>cnpm install

>cnpm run dev

运行截图(必填)

在线音乐网站后台管理登录

http://localhost:8080/

zuidaima 111111

登录成功

添加用户

添加成功并且设置头像也成功,注意图片文件目录的设置

添加歌手

歌手列表

歌单管理

在线音乐网站前台

http://localhost:8081/#/

歌手列表

按某个歌单搜索歌曲

歌曲详情播放页面

用户登录

最代码官方 111111

发表评论

歌手列表

歌手详情

对歌曲评分

按歌曲名称搜索歌曲

由于MP3文件太大，只放了5首歌曲，测试是可以正常播放的

比如搜索光辉岁月

我的音乐

注意事项(可选)

1.配置ConsumerController,ListSongController,SingerController,SongController,SongListController

这几个的磁盘映射，这里需要的文件，我把它上传到百度云，然后解压后，放到server那个文件夹下。

本地的目录是D:\music-website-master\music-server\

MP3歌曲目录,由于MP3文件太大，只上传了5首歌曲的MP3文件

对应修改

2.注意在启动springboot启动类com.example.demo.HwMusicApplication时需要设置

代码中是通过System.getProperty("user.dir")获取文件上传的根目录的

和本地磁盘目录对应