FilmSys

エッチな映画

Vue+Express+Mysql 映画チケット販売プロジェクト

エフェクトのプレビュー

フロントエンドディスプレイ

一体部分

チケット購入の流れ

バックエンド管理

ログインページ

管理ページ

プロジェクトの説明

プロジェクトディレクトリ

§── film フロントエンド ページ プロジェクト ファイル ├── film_admin バックエンド管理システム §── film_api フロントエンドおよびバックエンド インターフェイス ファイル ├── db_film.sql データベース ファイル

インストール手順

1. アイテムをプルする

 #依次执行以下命令
git clone https://github.com/J1ong/FilmSys.git
cd FilmSys
cd film
npm install
cd ../film_admin
npm install
cd ../film_api
npm install

2. データ ファイル db_film.sql をインポートします (ここで使用するデータベースは mysql、ユーザー: root、パスワード: 123456)

3. プロジェクトの詳細

• フロントエンドページプロジェクト
• バックステージマネジメントプロジェクト
• フロントおよびバック インターフェイス プロジェクト

4. プロジェクトを開始する

1. フロントおよびバック インターフェイス プロジェクトを開始します。

 #输入命令前要先进入到film_api中
nodemon app.js

2. フロントエンドページプロジェクトを開始する

 #输入命令前同样需要进入到film中
npm start

3. バックグラウンド管理プロジェクトを開始する

 #输入命令前同样需要进入到film_admin中
npm start

5. 最後に

• ブラウザのアドレス バーに http://localhost:8080/ と入力してフロントエンド ページを表示し、モバイル デバイスに切り替えて通常どおりモバイル バージョンのページを表示します。
• ブラウザのアドレス バーに http://localhost:8081/ と入力して、バックエンドのログイン インターフェイスに移動します (アカウント: admin、パスワード: admin)。
• インターフェイス サーバーはポート 3000 で起動します