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埠