All Projects → canfoo → react-native-taopiaopiao

canfoo / react-native-taopiaopiao

Licence: other
react-native 构建全栈淘票票

Programming Languages

javascript
184084 projects - #8 most used programming language
objective c
16641 projects - #2 most used programming language
python
139335 projects - #7 most used programming language
java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to react-native-taopiaopiao

Pulse
✨ Pulse is a global state and logic framework for reactive Typescript & Javascript applications. Supporting frameworks like VueJS, React and React Native.
Stars: ✭ 243 (+710%)
Mutual labels:  mobx
mobx-react-form-devtools
DevTools for MobX React Form
Stars: ✭ 30 (+0%)
Mutual labels:  mobx
todo-list
A simple todo list application with React and mobx and antd
Stars: ✭ 25 (-16.67%)
Mutual labels:  mobx
mst-persist
Persist and hydrate MobX-state-tree stores (in < 100 LoC)
Stars: ✭ 75 (+150%)
Mutual labels:  mobx
taro-ts-mobx-boilerplate
Taro 脚手架 Typescript/ Mobx / icon font / Jest
Stars: ✭ 12 (-60%)
Mutual labels:  mobx
mobx-state-tree-router
State-based router for React and MobX State Tree
Stars: ✭ 18 (-40%)
Mutual labels:  mobx
Delorean
A MobX-React Time Travel Debugger
Stars: ✭ 238 (+693.33%)
Mutual labels:  mobx
React
This repository contains all the material for the HackYourFuture module "React.js: Building dynamic UIs with modern JavaScript"
Stars: ✭ 243 (+710%)
Mutual labels:  mobx
FlutterSupportChat
App flutter demonstrando o uso das seguintes tecnologias: Firebase, MobX e Flutter Modular.
Stars: ✭ 23 (-23.33%)
Mutual labels:  mobx
umi-plugin-mobx
😍 use mobx-state-tree gracefully in umijs.
Stars: ✭ 33 (+10%)
Mutual labels:  mobx
mobx-easy
MobX made easier
Stars: ✭ 24 (-20%)
Mutual labels:  mobx
mobx-crud-example
A crud mobx project using react, featherjs and mongodb
Stars: ✭ 22 (-26.67%)
Mutual labels:  mobx
stencil-mobx
No description or website provided.
Stars: ✭ 26 (-13.33%)
Mutual labels:  mobx
React Book
《React进阶之路》示例代码
Stars: ✭ 249 (+730%)
Mutual labels:  mobx
kolaboard
A Real-time chat, collaboration and productivity enhancement application for teams built using React.js, Node.js, Socket.IO, MobX, MongoDB.
Stars: ✭ 23 (-23.33%)
Mutual labels:  mobx
React Cnodejs.org
Material UI version of cnodejs.org, the biggest Node.js Chinese community.
Stars: ✭ 242 (+706.67%)
Mutual labels:  mobx
mobx-router5
Router5 integration with mobx
Stars: ✭ 22 (-26.67%)
Mutual labels:  mobx
veact
Mutable state enhancer library for React based on @vuejs
Stars: ✭ 62 (+106.67%)
Mutual labels:  mobx
orkan
A content management toolkit for building and managing dynamic React applications with ease.
Stars: ✭ 25 (-16.67%)
Mutual labels:  mobx
react-mobx-local-state-example
React MobX (for Local State) Example
Stars: ✭ 27 (-10%)
Mutual labels:  mobx

react-native 构建淘票票

react构建淘票票,请点击这里

vue2.0构建淘票票,请点击这里

描述

本项目是使用react-navie构建的app项目,已经成功在ios真机跑起来,android机暂时没有测试。分享的目的无他,只供大家学习、讨论。(ps: 由于之前已经分享过vue2.0构建淘票票react构建淘票票了,所以这次的demo不是没有之前的完整,但是作为入门教材还是绰绰有余的)

主要技术栈:

  • react-native
  • react-native-video
  • react-navigation
  • mobx
  • nodejs
  • express

如何运行

下载项目

 git clone https://github.com/canfoo/react-native-taopiaopiao.git

打开一个终端(称这个终端为A终端)进入到react-native-taopiaopiao目录安装依赖包(注意:如果npm install 不能正常安装完成,请使用cnpm install进行安装)

 npm install

打开另一个一个终端(称这个终端为B终端)进入到server目录安装依赖包

 npm install

启动server服务(得先启动后台服务,否则app没有数据),在server目录(B终端)下执行以下命令,成功执行会终端会提示服务端口号为9000

 npm run start

启动react-native服务,在react-native-taopiaopiao目录(A终端)里执行以下命令(如果报错的话,直接在找到目录的里的启动文件,直接双击启动,例如直接双击ios内的reactNativeTaopiaopiao.xcodeproj文件)

 react-native run-ios

项目预览

Mou icon

后台接口

本项目是手动抓取淘票票部分数据,数据是16年12月份的,城市数据只有北上广有数据,其它城市都是随机从北上广数据抽取过来的,电影数据也是部分有数据。抓取的数据存放在server目录里的database里,供前端调用。

  1. 访问淘票票首页路径: http://localhost:9000/app

  2. 部分数据接口

    • 获取热映数据
    method: GET
    url: http://localhost:9000/movie/hot/?city=bj
    参数说明: city可以为bj、sh、gz
    
    • 获取即将上映数据
    method: GET
    url: http://localhost:9000/movie/coming/?limit=20&offset=0
    参数说明: limit为每次请求的数据数量,offset为所有数据的偏移量
    
    • 获取城市数据
    method: GET
    url: http://localhost:9000/movie/city
    
    • 获取电影院数据
    method: GET
    url: http://localhost:9000/movie/cinema/?city=bj
    参数说明:  city可以为bj、sh、gz
    
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].