全栈开发一个互联网旅游项目

FullStack

0x00 当然,我在扯淡

最近裸辞待业家中,自八月三十一号,时至今日空闲一月有余。目测,待业的日子会延续至十一月份。

没有太刻意的去找工作,打开了网上的简历,陆陆续续接到一些电话,断断续续的有一些面试。

闲散的一个月,每天看看技术,敲敲代码,喝喝咖啡,整理下简历,日子过得飞快。闲散之余,决定做些有意义的事情。

旅游,是个梗,好几年前就想做个旅游的项目,一直没有付诸行动。这一切都像是在扯淡,究其因—-还真不是太清楚,主要还是惰性。自然,时间也是个因素。

可是,到了今天,时间已经不再是问题了。虽然说行动上还是懒散,甚至更懒散,但是还是准备尝试一下。

0x01 我到底要说什么鬼?

老实说,我也不知道准备说什么。大抵是为了打发无聊的空闲时间,顺便看一看比较新的技术。

最近火的不要不要的,自当是React-Native,话说这货甚是神奇,能用JS技术开发Native的iOSandroidAPP。正好,个人会那么一点儿web技术,也了解那么一点移动开发技术。所以,这坑,自然是可以跳一跳的。

1
2
3
4
5
6
7
8
9
事实上,目前有不少公司在使用React-Native开发移动应用。当然有些公司可能是间接使用。
---
略微关注一点热点技术的,大概会了解阿里巴巴的weex和腾讯的'小应用'。
如果大家有扫一眼这几个的框架或程序的代码使用文档,大概是可以肤浅的认为weex和小应用在某种意义上是React-Native的变种。
当然,这并不重要。。。

事实上,捣腾React-Native是需要会那么一点儿Javascript、ES6、Nodejs和ReactJS的。然而,说来惭愧,我对这些是一窍不通。。。

于是,省下一个星期的饭钱,买了一份React-Native的课程。

课程地址在此:http://coding.imooc.com/learn/list/56.html

课程挺贵。。。要368呢。
不过,如果决心要看看React-Native,入手还是不错的!老实说,课,讲得不错。

前面提到了,旅游是个梗,所以下定决心使用React-Native来开发一个旅游项目的App。当然,这个项目会包含一个PHP的接口后台,这个基于PHP的restful接口后台,会使用Laravel来开发。

事实上,整个项目是视频课程当中的实践产品的一个变种罢了。当然,由于是技术尝鲜,所以React-Native会使用es6来完成,而非视频教案当中的es5。

0x02 那么,现在进度呢?

大概是不乐观吧。目前react-native的客户端只构建了一个五个tab的首页。所以,你就当我在扯淡吧!

React-Native APP预览

⬆️呐,这就是样子,是不是挺丑?

目前,到了数据嵌入环节了。由于不打算使用Mock数据,所以正在着手使用Laravel开发API接口。

之前一直在思量,后端数据到底是采用fake数据还是真实数据,后来就放弃了纠结,准备全部采用“真实数据”来做,所以写接口是少不了的。

截至目前呢,接口开发进度还只是停留在数据库设计阶段。写接口还好,数据库构思挺烦。

0x03 来,跟我一起装逼呗

说是旅游项目,所以决定采用泰国的旅游城市Railay来命名项目。中文发音大概是瑞莱?鬼知道呢,不过这不重要。Railay是Krabi的一个区,在KrabiAoNang之间。细节性的东西,建议通过维基百科查阅(https://en.wikipedia.org/wiki/Railay_Beach),喂鸡百科的中文资料实在没啥好看的,建议阅读英文原版。

说了这么多,回头来看看,如何愉快的装逼:

开始之前,你大概需要准备一下知识:

  • 会那么一点儿javascript知识(并且ES5, ES6都需要了解一点点);
  • 了解HTML,了解DOM和VirtualDOM;
  • 了解React的基础知识, 了解React-Native,熟知React和RN的关系;
  • 会那么一点点儿PHP,熟悉PHP框架和MVC;
  • 至于MySQL会安装就好;
  • 搭载macOS的电脑最好还是要一台的

这里是准备好的一份资料:

基础教程

慢慢看,阅读完大概需要一个星期。

开发工具

特别不建议使用笨重的IDE。太LOW!

开发环境

差不多好了。