2015年10月11日 星期日

ParseReact實作(ㄧ)--和parse連接

既然透過上一篇的介紹,我就來實作一個demo~~~
可以讓parse和react串接。
首先在Github可以找到https://github.com/ParsePlatform/ParseReact
主要程式碼在demos裡面,今天要做的是“todo”這個demo

這個demo是做一個簡易的清單表,可以增加清除修改內容,利用輸入的內容儲存到Parse的table中。


下載下來後有一些設定需要先做,
一、需要和Parse app連在一起,首先需要用Parse.initialize(appID,Javascript key)
二、include ParseReact

在app.js內放入



三、在teminal上到子目錄夾內npm install
四、npm start

結果!!!!!!!!!!terminal給了我這樣的回應


於是,我用了npm install parse
npm install parsereact
成功消除錯誤訊息了!!!!

簡單來介紹一下js內的程式結構



稍微看過React的人都會知道,最基本的就是要先的人都會知道,最基本的就是要先createClass,而 observe是ParseReact中用來Query Parse data的function,
React最重要的就是render,ParseReact也是一樣的方法喔。

好的接下來我們就把demo做個測試,打開html



key入資料,enter

成功!!!!!
我們回來Parse看一下我的table有沒有成功增加

成功!!!!!
我們就成功跟parse連起來摟~~~

沒有留言:

張貼留言