2014年10月30日 星期四

Parse.com的第一個練習(2016年底關閉)

晚上9:42 Posted by Envisioning U-Commerce Lab

假設你已經到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