/FilmSys

一个使用Vue全家桶和后台Express框架结合Mysql数据库搭建起来的移动端电影售票和管理系统,实现了热映、即将上映、电影和影院全局搜索、评论、选座、购票、点赞、收藏、订单等一系列购票和管理流程功能

Primary LanguageVueGNU General Public License v3.0GPL-3.0

淘气电影

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