Awesome Open Source
Awesome Open Source

淘气电影

一个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端口

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Vue (83,121
Node (12,922
Mysql (12,508
Express (11,599
App (4,445
Axios (3,555
Vue Router (2,197
Element Ui (1,231
Movie (674
Related Projects