假設你已經到Parse.com註冊開通帳號(並且如影片0:35也將開始的第一個APP命名test建立了),那就來做第一個練習吧...
首先,到 Quick Start > Data > Web > New Project ,在左上角切換到test,並將②的keys複製起來,然後點擊①按鈕下載第一個練習範例HTML檔。
下載檔案解壓縮後,以記事本或Notepad++這類的編輯器開啟index.html,將42行的 Parse.initialize("APPLICATION_ID", "JAVASCRIPT_KEY"); 替換成前述複製起來的keys。然後以瀏覽器開啟index.html執行畫面應該如下:
再回到Parse.com平台查看,如下列畫面所示,執行結果是創建了一個叫做TestObject的資料表,而且新增了一筆資料。(如果在瀏覽器再重新整理執行index.html一次就會再增加一筆資料進來)
在index.html的44~53行的程式碼如下:
var TestObject = Parse.Object.extend("TestObject");
var testObject = new TestObject();
testObject.save({foo: "bar"}, {
success: function(object) {
$(".success").show();
},
error: function(model, error) {
$(".error").show();
}
});
參閱Parse.com的Javascript指南,很容易理解上述語法意義,大致就是進行下列動作:
- 儲存資料是以 Parse.Object 為建置基礎
- 使用 Parse.Object.extend 方法指定要存取的子類別
- 然後建立 new instance of that class
- 再用save方法將符合 JSON 編碼的值儲存到 that instance