1. システム紹介
この音楽 Web サイトのクライアントと管理は VUE フレームワークを使用して実装され、サーバーは Spring Boot + MyBatis を使用して実装され、データベースは MySQL を使用します。
1.1 機能
- 音楽を再生
- ユーザーログイン登録
- ユーザー情報編集、アバター変更
- 曲とプレイリストを検索する
- プレイリストのスコアリング
- プレイリスト、曲のレビュー
- プレイリストと歌手リストのページング表示
- 歌詞の同期表示
- 音楽コレクション、ダウンロード、ドラッグコントロール、ボリュームコントロール
- ユーザー、曲、歌手、曲リスト情報をバックグラウンドで管理
1.2 テクノロジースタック
バックエンド
SpringBoot + MyBatis
フロントエンド
Vue + Vue-Router + Vuex + Axios + ElementUI
1.3 開発環境
JDK: jdk-8u141
mysql:mysql-5.7.21-1-macos10.13-x86_64
ノード:v12.4.0
IDE:IntelliJ IDEA 2018、VSCode
2. システム機能
参考:
https://gitee.com/Yin-hongwei/music-website?_from=gitee_search
2.1 バックグラウンド管理システム
1. システムホームページ
2. ユーザー管理
3. 歌手管理
4. 曲リスト管理
2.2 クライアントシステム
1. ホームページ
2. 曲リスト
3. アーティスト
4. 私の音楽
3. 構築する
3.1 背景構築
1. 設定ファイルを変更する
データベースアドレスを変更します。
2. プロジェクトのパスを変更します。
3. 静的ファイルを配置します。
ダウンロードしたデータファイルをmusic-serverフォルダに置きます。
3.2 フォアグラウンドの構築
2 つのフォアグラウンド システムをそれぞれインポートし、次のコマンドを実行します。
npm install
npm run dev
コンソールのログ アドレスにアクセスしてください。
管理システムのアドレス: http://localhost:8080
アカウントのパスワード: admin/123
クライアント システムのアドレス: http://localhost:8081
アカウントのパスワード: ying/123