Git Product home page Git Product logo

movietickets's Introduction

movieTickets

一个使用node、MySql、react、reactNative、antDesign完成的一套大型订票系统,其中服务端、数据库,网页订票端、手机订票端和网页管理台

项目说明

这个项目主要是自己空闲的时候写的,大部分的代码都是自己边学边用,所以很多地方有很多粗糙的地方。 不过从效果来说,基本上完成了一整套的电影订票系统,基本订票付款的操作都能够实现,为了系统管理的方便, 我加入了管理系统,主要都是一些用户、电影的管理模块。

主要模块

  • MySQL数据库
  • node服务端
  • 网页订票端
  • 手机订票端
  • 管理系统

MySQL数据库讲解

整个订票系统有18张表,主要有用户表、电影表、订单表、影厅表等。关于影厅考虑到电影院每个影厅布局都不同,所以要做成可配置的,所以我对影厅表做了特殊设置, 另外建立了一张座位表,把每一影厅的每一个座位信息都存储下来,具体的内容就不再详解。

node服务端

在使用node作为服务器的时候,我研究了express和koa两个web服务端框架,最后选择了koa。其中有两个原因,一:我写项目是为了学习技术,koa相比express更新一点 ,从研究的角度讲,我更想研究koa。其二,koa是对express的升级,虽然没有express发展成熟,但越来越多的人在用koa,我觉得koa的前景更好一点。

网页订票端

仿照猫眼电影,把其中电影订票的功能抽出来,自己进行改造,做出了一个网页订票系统,其中比较难的地方,是电影选座插件的实现,现在市面上没有已经做好的基于 React的电影选座插件,所以我自己实现了一个,后面我会把这个插件抽出来,贡献到开源社区里面去。实现效果截图如下: 网页首页 网页选座

手机订票端

 手机端采用了ReactNative框架,但是因为我没有mac电脑,虚拟机的运行速度太慢,我只实现了android端的手机订票端,主要就是一个导航器和ListView的使用。  在手机端和网页端我都接入了在先付款的接口。实现效果截图如下: 手机端1 手机端2 手机端3 手机端4 手机端5

管理系统

 管理系统使用AntDsign的界面库,这个就没什么好说的了,主要就是一个影厅的自定义布局配置,其实现效果如下: 管理系统

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.