プロジェクトアドレス
https://github.com/Yin-Hongwei/music-website
項目説明
クライアントと管理VUEエンド、バックエンドインターフェイスを開発するためのフロントエンドのフレームワークを使用して、この主要音楽サイトの開発は春ブーツで実装されるように、MyBatisのを使用して永続データは、MySQLのデータが格納されます。あなたはアイデアの実現を参照することができ、ここで。
プロジェクトのスクリーンショット
フロントモジュール
背景モジュール
機能
-
WEBエンド音楽プレーヤー
-
ユーザーログイン登録
-
編集ユーザー情報
-
歌、歌単一の検索
-
シングル曲を採点
-
シングル曲、曲のレビュー
-
ページネーション
-
同期歌詞表示
-
音楽コレクション、ダウンロード、ドラッグコントロール
-
管理者ユーザー、歌、歌手、曲順情報
テクノロジー・スタック
バックエンド
春ブーツ+ MyBatisの
フロント
+ビュービュー-ルータvuex + + + axios要素-UI
インストール
ローカルにプロジェクトをダウンロードしてください1.
git clone https://github.com/Yin-Hongwei/music-website.git
2は、ダウンロードには、データベースリソース内のレコード
ゴーhttps://pan.baidu.com/s/1PjdvJ8SCJ0kUwrL1m7Dp7Qの ダウンロードサイトは音楽がロスレスありませんので、いくつかの音楽があるかもしれません（直接音楽サーバーフォルダに曲や写真、ファイルのデータフォルダに依存します失敗し、スワップを交換するのみ必要）が失敗しました。リソースはBaiduの雲がバージョン割れている、少し遅いかもしれhttps://pan.baidu.com/disk/home#/all?vmode=list&path=%2F%E8%BD%AF%E4%BB%B6%2FPanDownloadを（Mac上では見られない、ユーザーのために勝ちます。
3.変更
1）データベース：データベースにSQLファイルtp_music.sqlフォルダ。（MySQLバージョン5.7よりも低くすることができません）
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"）
4、启动项目
然后进入 music-server 文件夹，运行下面命令启动服务器
./mvnw spring-boot:run进入 music-client 文件夹，运行下面命令启动前台项目
npm install // 安装依赖
npm run dev // 启动前台项目进入 music-manage 文件夹，运行下面命令启动后台管理项目
npm install // 安装依赖
npm run dev // 启动后台管理项目