FilmSys

장난꾸러기 영화

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/ 을 입력하세요.
• 백엔드 로그인 인터페이스(계정: admin, 비밀번호: admin)로 이동하려면 브라우저 주소 표시줄에 http://localhost:8081/을 입력하세요.
• 인터페이스 서버는 포트 3000에서 시작됩니다.