今天推荐一个奈斯的音乐网站项目，前端技术栈基于 Vue.js 开发前台页面和后台管理，后端基于SSM（SpringBoot + MyBatis ），数据存储层使用的是 MySQL。
该系统包含音乐网站基本功能：在线音乐播放、网站用户管理、歌库管理、歌单管理、歌手信息、歌词显示、音乐播放相关功能、后台管理，功能截图如下。
前台页面展示
文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
后台管理页面
文章图片
文章图片
文章图片
文章图片
文章图片
02. 部署方式
1. git下载项目到本地
git clone https://github.com/Yin-Hongwei/music-website.git使用上述 git 命令或者网站下载：
文章图片
2. 下载资源
该项目中的静态资源需要自己下载，包括网站依赖的歌库及歌曲封面，将 data 夹里的文件直接放到 music-server 文件夹下。
这一块可以其实可以爬取网上的音乐信息，做一个自己的数据库或者调用开放的 Api，静态资源已上传到百度云。
链接: https://pan.baidu.com/s/1Qv0ohAIPeTthPK_CDwpfWg 提取码: gwa43. 修改配置文件
创建数据库：将 music-website/music-server/sql 文件夹中的 tp_music.sql 文件使用 idea 或者 navcat 导入数据库。
修改后端配置文件：
1. 修改数据源用户名和密码配置
2. 修改资源加载路径，否则资源加载不了。
文章图片
4. 启动项目
部署 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 // 安装依赖
npm run dev // 启动后台管理项目项目源码
点击下方卡片
关注后回复【1818】获取END
技术学习交流群
「架构君」建立了读者群，可以添加我微信拉你进群
文章图片
添加时可以备注【城市+职位+年限】
分享一套家庭理财系统（附源码）
2021-09-20
文章图片
推荐一套开源通用后台管理系统（附源码）
2021-08-21
文章图片
推荐一个酷炫的监控系统
2021-08-07
文章图片
从朋友那里搞了 20 个实战项目，速领！
2021-06-14
文章图片
推荐一个完善的停车管理系统，物联网项目springboot，附源码
2021-05-30
文章图片
推荐一个互联网企业级别的开源支付系统
2021-09-04
文章图片
一款神仙接私活儿软件，吊到不行！
2021-07-31
文章图片
推荐 10 款超实用的企业级开源应用！
2021-10-17
文章图片
开放平台 SDK 设计实践！
2021-10-13
文章图片
“淘宝” 开放平台接口设计思路
2021-10-07
文章图片
Spring中经典的9种设计模式
2021-10-05
文章图片
【java|推荐一个 Spring Boot + MyBatis + Vue 音乐网站】
文章图片
如有收获，点个在看，诚挚感谢
文章图片
推荐阅读
- 中间件|基于SpringBoot+MyBatis+Vue的音乐网站
- 音乐平台开发记录|基于springboot+vue(thymeleaf)+mysql下的自创音乐网站平台--CrushMusic(开发日志十)
- java|基于 SpringBoot + Vue 的前后端分离的考试系统
- Java|【面试资料】 Java中高级核心面试知识解析
- JAVA|12. 虚拟机与类加载机制
- 后端|MySQL 灵魂 16 问，你能撑到第几问（）
- 后端|万字总结（分布式系统的38个知识点）
- java|手把手教你springboot集成mybatis
- java|SpringBoot设置接口超时时间的方法