愛了愛了！Vue + SpringBoot + MyBatis 音樂網(wǎng)站 開源！
點(diǎn)擊上方藍(lán)色字體，選擇“標(biāo)星公眾號(hào)”
優(yōu)質(zhì)項(xiàng)目，第一時(shí)間送達(dá)
-? ?項(xiàng)目說明? ? -
本音樂網(wǎng)站的客戶端和管理端使用?VUE?框架來實(shí)現(xiàn)，服務(wù)端使用?Spring Boot + MyBatis?來實(shí)現(xiàn)，數(shù)據(jù)庫使用了?MySQL。實(shí)現(xiàn)思路可以看這里；項(xiàng)目啟動(dòng)方法看文章末尾。
項(xiàng)目預(yù)覽
前臺(tái)截圖預(yù)覽
后臺(tái)截圖預(yù)覽
-? ?項(xiàng)目功能? ? -
音樂播放
用戶登錄注冊(cè)
用戶信息編輯、頭像修改
歌曲、歌單搜索
歌單打分
歌單、歌曲評(píng)論
歌單列表、歌手列表分頁顯示
歌詞同步顯示
音樂收藏、下載、拖動(dòng)控制、音量控制
后臺(tái)對(duì)用戶、歌曲、歌手、歌單信息的管理
-? ?技術(shù)棧? ? -
后端
SpringBoot + MyBatis
前端
Vue + Vue-Router + Vuex + Axios + ElementUI
-? ?開發(fā)環(huán)境? ? -
JDK：jdk-8u141
mysql：mysql-5.7.21-1-macos10.13-x86_64
node：v12.4.0
IDE：IntelliJ IDEA 2018、VSCode
-? ?下載運(yùn)行? ? -
1、下載項(xiàng)目到本地
git clone https://github.com/Yin-Hongwei/music-website.git2、下載數(shù)據(jù)庫中記錄的資源
去【鏈接: https://pan.baidu.com/s/1Qv0ohAIPeTthPK_CDwpfWg 提取碼: gwa4 】下載網(wǎng)站依賴的歌曲及圖片，將 data 夾里的文件放到 music-server 文件夾下。
注意：資源整理了一下，按照下面的截圖存放。
3、修改配置文件
1）創(chuàng)建數(shù)據(jù)庫 將?music-website/music-server/sql?文件夾中的?tp_music.sql?文件導(dǎo)入數(shù)據(jù)庫。
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、啟動(dòng)項(xiàng)目
啟動(dòng)管理端：進(jìn)入 music-server 文件夾，運(yùn)行下面命令啟動(dòng)服務(wù)器
// 方法一
./mvnw spring-boot:run
// 方法二
mvn spring-boot:run // 前提裝了 maven啟動(dòng)客戶端：進(jìn)入 music-client 目錄，運(yùn)行下面命令
npm install // 安裝依賴
npm run dev // 啟動(dòng)前臺(tái)項(xiàng)目啟動(dòng)管理端：進(jìn)入 music-manage 目錄，運(yùn)行下面命令
npm install // 安裝依賴
npm run dev // 啟動(dòng)后臺(tái)管理項(xiàng)目github開源地址：
https://github.com/Yin-Hongwei/music-website
—END— 分享一下我寫的《10萬字Springboot經(jīng)典學(xué)習(xí)筆記》中，點(diǎn)擊下面小卡片，進(jìn)入【Java開發(fā)寶典】，回復(fù)：筆記，即可免費(fèi)獲取。
點(diǎn)贊是最大的支持?
