freche Filme
Ein Vue+Express+Mysql-Kinokartenverkaufsprojekt
Effektvorschau
Front-End-Display
integraler Bestandteil
Ticketkaufprozess
Backend-Management
Anmeldeseite
Verwaltungsseite
Projektbeschreibung
Projektverzeichnis
├── Projektdatei für die Front-End-Seite des Films ├── Back-End-Verwaltungssystem film_admin ├── Front-End- und Back-End-Schnittstellendatei film_api ├── Datenbankdatei db_film.sql
Installationsschritte
1. Gegenstände ziehen
#依次执行以下命令
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. Importieren Sie die Datendatei db_film.sql (die Datenbank, die ich hier verwende, ist MySQL, Benutzer: Root, Passwort: 123456)
3. Projektdetails
- Frontend-Seitenprojekt
- Backstage-Management-Projekt
- Projekte für Vorder- und Rückseitenschnittstellen
4. Starten Sie das Projekt
1. Starten Sie das Front- und Back-Interface-Projekt
#输入命令前要先进入到film_api中
nodemon app.js
2. Starten Sie das Frontend-Seitenprojekt
#输入命令前同样需要进入到film中
npm start
3. Starten Sie das Hintergrundverwaltungsprojekt
#输入命令前同样需要进入到film_admin中
npm start
5. Endlich
- Geben Sie http://localhost:8080/ in die Adressleiste des Browsers ein, um die Frontend-Seite anzuzeigen. Wechseln Sie zum Mobilgerät, um die Seite der mobilen Version normal anzuzeigen.
- Geben Sie http://localhost:8081/ in die Adressleiste des Browsers ein, um zur Backend-Anmeldeschnittstelle zu gelangen (Konto: admin, Passwort: admin)
- Der Schnittstellenserver startet auf Port 3000
