ภาพยนตร์ซุกซน
โครงการขายตั๋วภาพยนตร์ Vue+Express+Mysql
ดูตัวอย่างเอฟเฟกต์
จอแสดงผลส่วนหน้า
ส่วนสำคัญ
ขั้นตอนการซื้อตั๋ว
การจัดการแบ็กเอนด์
หน้าเข้าสู่ระบบ
หน้าการจัดการ
รายละเอียดโครงการ
ไดเรกทอรีโครงการ
├── ไฟล์โครงการส่วนหน้าของภาพยนตร์ ├── 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/ ในแถบที่อยู่ของเบราว์เซอร์เพื่อไปที่อินเทอร์เฟซการเข้าสู่ระบบแบ็กเอนด์ (บัญชี: ผู้ดูแลระบบ รหัสผ่าน: ผู้ดูแลระบบ)
- เซิร์ฟเวอร์อินเทอร์เฟซเริ่มต้นที่พอร์ต 3000
