文章目录

1.项目概要介绍
2.用户运行界面截图
3.后台管理员界面截图
4.后端启动教程
5.前端启动教程
6.源码获取

1.项目概要介绍

前言：这是基于Vue+Node+Mysql的模仿猫眼、淘票票的电影购票系统，有附源码、数据库、运行教程
技术栈：Vue、element-ui、mint-ui、axios、express、Mysql

项目前端FILM目录：

|-- .gitignore  #git中忽略的文件
|-- index.html  #根文件
|-- package.json  #项目描述文件
|-- README.md  #项目介绍文件
|-- build  #webpack开发和打包的配置文件
|-- config  #vue-cli的配置文件
|-- src #资源文件夹
|   |-- App.vue  #页面入口文件
|   |-- main.js  #程序入口文件
|   |-- api  #请求接口文件
|   |   |-- ajax.js  #基于axios封装ajax文件
|   |   |-- index.js  #调用接口文件
|   |-- common  #公共资源文件
|   |   |-- css
|   |   |   |-- style.css  #字体图标样式文件
|   |   |   |-- fonts  #字体图标文件
|   |   |-- util  #公共工具方法文件
|   |       |-- util.js
|   |-- components  #组件文件
|   |   |-- CinemaDetail  #影院详情组件
|   |   |-- DatePicker  #日期选择器组件
|   |   |-- Login  #登录组件
|   |   |-- MovieDetail  #电影详情组件
|   |   |   |-- MovieDetail.vue
|   |   |   |-- children
|   |   |   |   |-- CommentPanel.vue  #影评组件
|   |   |-- MovieItem  #单个电影组件
|   |   |-- Pay  #支付组件
|   |   |-- SelectCinema  #选择影院组件
|   |   |-- SelectSeat  #选择座位组件
|   |   |-- SubmitOrder  #提交订单组件
|   |   |-- TabBar  #底部导航组件
|   |-- pages  #页面文件
|   |   |-- Cinema  #影院页
|   |   |   |-- Cinema.vue
|   |   |   |-- children
|   |   |       |-- SearchCinema.vue  #搜索影院页
|   |   |-- Home  #主页
|   |   |   |-- Home.vue
|   |   |   |-- children
|   |   |   |   |-- SearchAll.vue  #全局搜索页
|   |   |-- Movie  #电影页
|   |   |   |-- Movie.vue
|   |   |   |-- children
|   |   |   |   |-- SearchMovie.vue  #搜索电影页
|   |   |-- My  #个人页
|   |       |-- My.vue
|   |       |-- children
|   |       |   |-- ModifyUserName.vue  #修改用户名页
|   |       |   |-- ModifyUserSign.vue  #修改性别页
|   |       |   |-- MyInfo.vue  #个人信息页
|   |       |   |-- MyMovie.vue  #收藏电影页
|   |       |   |-- MyOrder.vue  #订单页
|   |-- router  #路由
|   |   |-- index.js  #路由配置
|   |-- store  #vuex状态管理
|-- static  #静态文件|-- css|-- adapter.css  #屏幕自适应样式|-- reset.css  #兼容性样式

后台管理项目FILM_ADMIN目录

|-- .gitignore  #git中忽略的文件
|-- index.html  #根文件
|-- package.json  #项目描述文件
|-- README.md  #项目介绍文件
|-- build  #webpack开发和打包的配置文件
|-- config  #vue-cli的配置文件
|-- src  #资源文件夹
|   |-- App.vue  #页面入口文件
|   |-- main.js  #程序入口文件
|   |-- api  #请求接口文件
|   |   |-- ajax.js  #基于axios封装ajax文件
|   |   |-- index.js  #调用接口文件
|   |-- common  #公共资源文件
|   |   |-- css
|   |       |-- style.css  #字体图标样式文件
|   |       |-- fonts  #字体图标文件
|   |-- components  #组件文件
|   |-- pages  #页面文件
|   |   |-- Home  #主页
|   |   |   |-- Home.vue
|   |   |   |-- children
|   |   |       |-- CinemaManage.vue  #影院管理页
|   |   |       |-- CommentManage.vue  #评论管理页
|   |   |       |-- HallManage.vue  #影厅管理页
|   |   |       |-- MovieManage.vue  #电影管理页
|   |   |       |-- MovieSchedule.vue  #电影排片页
|   |   |       |-- OrderManage.vue  #订单管理页
|   |   |       |-- UserManage.vue  #用户管理页
|   |   |-- Login  #登录页
|   |       |-- Login.vue
|   |-- router  #路由
|       |-- index.js  #路由配置
|-- static  #静态文件|-- css|-- reset.css  #兼容性样式

前后台接口FILM_ADMIN目录

|-- .gitignore  #git中忽略的文件
|-- app.js  #启动文件
|-- package.json  #项目描述文件
|-- README.md  #项目介绍文件
|-- bin  #存放可执行文件
|   |-- www
|-- db  #数据库连接文件
|   |-- db.js
|-- public  存放静态资源文件
|   |-- images
|       |-- admin  #存放管理员图片文件
|       |-- avatar  #存放用户图片文件
|       |-- movie  #存放电影海报图片文件
|-- routes  #路由
|   |-- index.js
|-- util  #工具包
|   |-- util.js
|-- views  #视图|-- error.ejs|-- index.ejs

部分用户账号密码：
管理员账号密码（账号：admin，密码：admin）

2.用户运行界面截图

用户运行界面截图：
首页：

电影：

个人中心：

3.后台管理员界面截图

用户管理（增删改查）：

影院管理：（增删改查）

电影管理（新增电影、编辑、删除、查找影片）

电影排片（排片、撤销、搜索）：

评论管理（通过、查找、删除）：
订单管理：

4.后端启动教程

安装好mysql，不会安装可看这里安装：
【超详细】MYSQL 8.0 数据库安装与配置教程
登录数据库，打开sqlyog（不一定得是sqlyog，navicat或者命令行也可以创建数据库）,建立好连接后，创建数据库，导入数据文件db_film.sql：

数据库名称：db_film

点击执行，导入成功：
切换到目录file_api，根据自己数据库的信息修改数据库配置信息db.js(/film_api/db/db.js)的内容，改为自己数据库的密码
npm i 安装依赖
nodemon app.js启动后端

5.前端启动教程

1.切换到目录file_admin，这个是电影后台管理的前端，
npm i 安装依赖
npm start启动项目

打开弹出的网站便可进入售票管理后台

2.切换到目录FILM，这个是电影购票系统的前端，
npm i 安装依赖
npm start启动项目

打开弹出的网站便可进入售票网站前台

6.源码获取

百度云链接：https://pan.baidu.com/s/1nEaWHDCpfeVpsq0zqIJWJg?pwd=syop
提取码：syop

也可以联系cynm-2233获取项目，码字不易，还望三连

【028】仿猫眼、淘票票的电影后台管理和售票系统系统（含后台管理）（含源码、数据库、运行教程）相关推荐

java微博系统源码_JAVA仿微博系统（JAVA毕业设计含源码和运行教程）
前言课设毕设源码收集已上传到github,包括:C,C#,C++,JAVA,PHP 等源码,更多源码在整理中.地址:https://github.com/52JDK/Source-Collectio ...
java计算机毕业设计h5仿淘宝购物系统源码+数据库+系统+lw文档
java计算机毕业设计h5仿淘宝购物系统源码+数据库+系统+lw文档 java计算机毕业设计h5仿淘宝购物系统源码+数据库+系统+lw文档本源码技术栈: 项目架构:B/S架构开发语言:Java语言 ...
JAVA计算机毕业设计新疆旅游专列订票系统Mybatis+源码+数据库+lw文档+系统+调试部署
JAVA计算机毕业设计新疆旅游专列订票系统Mybatis+源码+数据库+lw文档+系统+调试部署 JAVA计算机毕业设计新疆旅游专列订票系统Mybatis+源码+数据库+lw文档+系统+调试部署本源 ...
计算机毕业设计SSM电影院订票系统【附源码数据库】
项目运行环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...
基于JAVA航空订票系统计算机毕业设计源码+数据库+lw文档+系统+部署
基于JAVA航空订票系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA航空订票系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈: 项目架构:B/S架构开发语言:Ja ...
基于ssh的航空订票系统-飞机订票系统javaweb-机票订购课程设计java代码（源码+数据库文件+文档）
基于ssh的航空订票系统-飞机订票系统javaweb-机票订购java代码(源码+数据库文件+文档) 注意:该项目只展示部分功能,如需了解,评论区咨询即可. 作者:IT跃迁谷 1.开发环境开发语言: ...
【毕业设计】基于ssm的演唱会订票管理系统，订票管理系统，网上演唱会票务系统，票务管理系统，附源码+文档+PPT
1.项目介绍基于ssm的演唱会订票管理系统,订票管理系统,网上演唱会票务系统,票务管理系统. 系统中的核心用户是系统管理员,管理员登录后,主要功能有管理员信息管理.网站用户管理.新闻公告信息管理.演 ...
基于JAVA随心淘网管理系统计算机毕业设计源码+数据库+lw文档+系统+部署
基于JAVA随心淘网管理系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA随心淘网管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈: 项目架构:B/S架构开发语 ...
JAVA计算机毕业设计星星电影购票网站Mybatis+源码+数据库+lw文档+系统+调试部署
JAVA计算机毕业设计星星电影购票网站Mybatis+源码+数据库+lw文档+系统+调试部署 JAVA计算机毕业设计星星电影购票网站Mybatis+源码+数据库+lw文档+系统+调试部署本源码技术栈 ...
JAVA计算机毕业设计智能推荐电影网站Mybatis+源码+数据库+lw文档+系统+调试部署
JAVA计算机毕业设计智能推荐电影网站Mybatis+源码+数据库+lw文档+系统+调试部署 JAVA计算机毕业设计智能推荐电影网站Mybatis+源码+数据库+lw文档+系统+调试部署本源码技术栈 ...

【028】仿猫眼、淘票票的电影后台管理和售票系统系统（含后台管理）（含源码、数据库、运行教程）