使用react-native做一個簡單的應用－02項目搭建與運行

標籤：

下面我們開始著手去做這一個項目，因為初學不久就開始邊學邊做，所以有些地方設計不太合理。請大家多多包涵。0.0

下面來介紹中的三個檔案夾，

　　GuoKuApp：是我開發app的檔案夾。

　　GuoKuDB：裡面存放的是我的資料庫文檔的插入語句，這裡資料庫我使用的是mongodb。

　　GuoKuServer：就是我使用node.js寫的服務端啦。

下面來看一下GuoKuApp裡面的內容：

－－－－－－－－－－－－－－下面是src檔案夾內容－－－－－－－－－－－－－－－－－－－－－

第一張是實用命令列：$ react-native init GuoKuApp 自動產生的檔案目錄，我就不多做介紹了。

第二張是我的src目錄，assets檔案夾式資源檔夾，components是自己封裝的組件，screens就是我們看到的介面啦。

 

那麼如何將我這個項目運行起來呢？

一、從我的github上將我的項目clone下來

git clone [email protected]: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

 

使用react-native做一個簡單的應用－02項目搭建與運行