4、監(jiān)聽對象中屬性的變化





5、為對象添加驗證規(guī)則，以及錯誤提示





6、對象的獲取和保存，需要服務(wù)器端支持才能測試。

首先需要為對象定義一個url屬性，調(diào)用save方法時會post對象的所有屬性到server端。





注：上述代碼僅僅均為可正常執(zhí)行的代碼，不過關(guān)于服務(wù)器端的實例在后面會有。

這里還要補(bǔ)充一點(diǎn)，就是關(guān)于服務(wù)器的異步操作都是通過Backbone.sync這個方法來完成的，調(diào)用這個方法的時候會自動的傳遞一個參數(shù)過去，根據(jù)參數(shù)向服務(wù)器端發(fā)送對應(yīng)的請求。比如你save，backbone會判斷你的這個對象是不是新的，如果是新創(chuàng)建的則參數(shù)為create，如果是已存在的對象只是進(jìn)行了改變，那么參數(shù)就為update，如果你調(diào)用fetch方法，那參數(shù)就是read，如果是destory，那么參數(shù)就是delete。也就是所謂的CRUD ("create", "read", "update", or "delete")，而這四種參數(shù)對應(yīng)的請求類型為POST，GET，PUT，DELETE。你可以在服務(wù)器根據(jù)這個request類型，來做出相應(yīng)的CRUD操作。
Note:

關(guān)于url和urlRoot的事，如果你設(shè)置了url，那么你的CRUD都會發(fā)送對應(yīng)請求到這個url上，但是這樣又一個問題，就是delete請求，發(fā)送了請求，但是卻沒有發(fā)送任何數(shù)據(jù)，那么你在服務(wù)器端就不知道應(yīng)該刪除哪個對象（記錄），所以這里又一個urlRoot的概念，你設(shè)置了urlRoot之后，你發(fā)送PUT和DELETE請求的時候，其請求的url地址就是：/baseurl/[model.id]，這樣你就可以在服務(wù)器端通過對url后面值的提取更新或者刪除對應(yīng)的對象（記錄）。
Collection

collection是model對象的一個有序的集合，概念理解起來十分簡單，在通過幾個例子來看一下，會覺得更簡單。

1、關(guān)于book和bookshelf的例子





很簡單，不解釋

2、使用fetch從服務(wù)器端獲取數(shù)據(jù)

首先要在上面的的Bookshelf中定義url，注意collection中并沒有urlRoot這個屬性。或者你直接在fetch方法中定義url的值，如下：





其中也定義了兩個接受返回值的方法，具體含義我想很容易理解，返回正確格式的數(shù)據(jù)，就會調(diào)用success方法，錯誤格式的數(shù)據(jù)就會調(diào)用error方法，當(dāng)然error方法也看添加和success方法一樣的形參。

對應(yīng)的BookShelf的返回格式如下：[{'title':'book1'},{'title':'book2'}.....]

3、reset方法

這個方法的時候是要和上面的fetch進(jìn)行配合的，collection在fetch到數(shù)據(jù)之后，會調(diào)用reset方法，所以你需要在collection中定義reset方法或者是綁定reset方法。這里使用綁定演示：





綁定的步驟要在fetch之前進(jìn)行。

下面給出關(guān)于collection的完整代碼，需要服務(wù)器端支持才行，服務(wù)器端的搭建在后面會寫到。



聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
    

    

    

        
Backbone.js框架中Model與Collection的使用實例_基礎(chǔ)知識
        
Backbone.js框架中Model與Collection的使用實例_基礎(chǔ)知識:Model 關(guān)于backbone，最基礎(chǔ)的一個東西就是model，這個東西就像是后端開發(fā)中的數(shù)據(jù)庫映射那個model一樣，也是數(shù)據(jù)對象的模型，并且應(yīng)該是和后端的model有相同的屬性（僅是需要通過前端來操作的屬性）。 下面就從實例來一步一步的帶大家來了解backbone
        
推薦度：

    
    

        
            點(diǎn)擊下載本文
            文檔為doc格式
        
    

              
        
                

            標(biāo)簽：
                        model
                        Collection
                        backbone
                    
                
            
            
 
                    

                        
熱門焦點(diǎn)