springboot2开发在线音乐网站【源码开源＋完整视频教程】

参考的地址：https://github.com/Yin-Hongwei

孟哥给大家整理一个基于springboot vue的在线音乐网站。系统是Yin-Hongwei开源的，系统真的狠nice。

看到这个系统，王汉远老师情不自禁的要把这个系统讲解出来，希望能帮助更多的小伙伴学习springboot vue。

该项目已经出了完整的视频教程，非常的详细。加孟哥微信，免费发送给大家教学视频，同时进入技术群交流。备注：音乐

wx：javapandeng

视频教程如下所示。

项目不管是功能还是界面都非常的nice，源码免费开源给大家。

关注公众号，回复：音乐boot

1，系统的安装

a.下载数据库中记录的资源

关注公众号，回复：图片

下载网站依赖的歌曲及图片，将 data 夹里的文件直接放到 music-server 文件夹下。

b.修改

1）数据库：将sql文件夹中的 tp_music.sql 文件导入数据库。

2）music-server：启动后端服务之前，有一些地方需要修改，先去 /music-website/music-server/src/main/resources 这个目录下的文件里修改自己的 spring.datasource.username 和 spring.datasource.password，并且修改下圈出来的文件中 MyPicConfig 类下的 addResourceLocations方法中的路径，否则资源加载不了。（Mac 和 win 下路径有些差异，我的是 Mac 上的路径，win 上需要在 file: 后标明是哪个盘，例如："file:C:\\user\\XXX\\"

c.启动项目

music-server 是本项目的后端，用于监听前端发来的请求，提供接口。music-client 和 music-manage 都是本项目的前端部分，前者是前台，后者是后台。运行时后端必须启动，两个前端项目可以都启动，也可以只启动其中一个，他们是独立的。

然后进入 music-server 文件夹，运行下面命令启动服务器

// 方法一

./mvnw spring-boot:run

// 方法二

mvn spring-boot:run // 前提装了 maven

进入 music-client 文件夹，运行下面命令启动前台项目

npm install // 安装依赖

npm run dev // 启动前台项目

进入 music-manage 文件夹，运行下面命令启动后台管理项目

npm install // 安装依赖