下面我们开始着手去做这一个项目,因为初学不久就开始边学边做,所以有些地方设计不太合理。请大家多多包涵。0.0
下面来介绍截图中的三个文件夹,
GuoKuApp:是我开发app的文件夹。
GuoKuDB:里面存放的是我的数据库文档的插入语句,这里数据库我使用的是mongodb。
GuoKuServer:就是我使用node.js写的服务端啦。
下面来看一下GuoKuApp里面的内容:
--------------下面是src文件夹内容---------------------
第一张截图是实用命令行:$ react-native init GuoKuApp 自动生成的文件目录,我就不多做介绍了。
第二张是我的src目录,assets文件夹式资源文件夹,components是自己封装的组件,screens就是我们看到的界面啦。
那么如何将我这个项目运行起来呢?
一、从我的github上将我的项目clone下来
git clone git@github.com:weifengzz/GuoKu.git
二、使用 ”$ npm install“ 安装依赖(前提:npm)
三、运行mongodb(前提:mongodb已安装)
命令 “$ ./ mongod”
然后新开窗口,输入命令:“$ .mongs”
四、将数据插入mongodb中:
数据库的操作语句我都存在这四个文件夹中依次插入就可以了,每个文件最前面的空语句都是标准的格式,下面的语句如果不符合这个格式不要插入,我用横线已经分隔开。
五、运行服务端node.js(前提:已经安装node)
使用命令 "$node index.js"就可以啦
六、最后使用$react-native run-android
或者 Xcode打开iOS就可以分别看到android和ios的运行效果啦。
目录
项目下载:https://github.com/weifengzz/GuoKu