所在位置：
首页 >
营销资讯 >
网站运营 > Spring Boot + Vue 音乐网站开源项目，前后端分离，拿来练手真不错！
Spring Boot + Vue 音乐网站开源项目，前后端分离，拿来练手真不错！
时间：2023-05-25 16:06:02 | 来源：网站运营
时间：2023-05-25 16:06:02 来源：网站运营
Spring Boot + Vue 音乐网站开源项目，前后端分离，拿来练手真不错！：
项目说明本音乐网站的客户端和管理端使用VUE框架来实现，服务端使用Spring Boot + MyBatis来实现，数据库使用了MySQL。
项目功能- 音乐播放
- 用户登录注册
- 用户信息编辑、头像修改
- 歌曲、歌单搜索
- 歌单打分
- 歌单、歌曲评论
- 歌单列表、歌手列表分页显示
- 歌词同步显示
- 音乐收藏、下载、拖动控制、音量控制
- 后台对用户、歌曲、歌手、歌单信息的管理
技术栈后端
SpringBoot + MyBatis
前端
Vue + Vue-Router + Vuex + Axios + ElementUI
开发环境
JDK：jdk-8u141
mysql：mysql-5.7.21-1-macos10.13-x86_64
node：v12.4.0
IDE：IntelliJ IDEA 2018、VSCode
下载运行
1、下载源码及资源文件
关注我，回复8555即可免费领取。
下载后的资源包如下所示：
2、下载数据库中记录的资源
将上一步下载好的的歌曲及图片，将 data 夹里的文件按照下面的截图存放。
3、修改配置文件
1）创建数据库 将
music-website/music-server/sql 文件夹中的
tp_music.sql 文件导入数据库。
2）修改用户名密码 修改
music-website/music-server/src/main/resources/application.properties 文件里的
spring.datasource.username 和
spring.datasource.password；
3）修改资源路径
修改
music-server/src/main/java/com/example/yin/constant/Constants.java 文件中的
RESOURCE_PATH，否则资源加载不了。
4、启动项目
- 启动 music-server
- 启动 music-manage
- 启动客户端：进入 music-client 目录，运行下面命令
npm install // 安装依赖npm run dev // 启动前台项目项目预览
前台截图预览
后台截图预览
获取项目
关注我，回复8555即可免费领取。
在线咨询
