Backbone.js之model篇(一)

Backbone.js之model篇(一)

Backbone 是一個前端 JS 代碼 MVC 框架，它不可取代 Jquery，不可取代現有的 template 庫。而是和這些結合起來構建複雜的 web 前端交互應用。

Backbone 主要包括 models, collections, views 和 events, controller。

（一）model　　

　　關於 backbone，最基礎的一個東西就是 model，這個東西就像是後端開發中的數據庫映射那個 model 同樣，也是數據對象的模型，而且應該是和後端的 model 有相同的屬性（僅是須要經過前端來

　　操做的屬性）。

     Models 用來建立數據，校驗數據，存儲數據到服務器端.Models 還能夠綁定事件。好比用戶動做變化觸發 models 的 change 事件，全部展現此model 數據的 views 都會接收到 這個 change 事件，進行重繪。

最簡單的定義以下：

1. var Game = Backbone.Model.extend({});

稍微發雜一點

1. var Game = Backbone.Model.extend({
2.         initialize: function(){
3.             alert("Oh hey! ");
4.         },
5.           defaults: {
6.             name: 'Default title',
7.             releaseDate: 2011,
8.         }
9.     });

initialize 至關於構造方法，初始化時調用

簡單實用：

1. // Create a new game
2. var portal = new Game({ name: "Portal 2", releaseDate: 2011});
4. // release will hold the releaseDate value -- 2011 here
5. var release = portal.get('releaseDate');
7. // Changes the name attribute
8. portal.set({ name: "Portal 2 by Valve"});

此時數據還都在內存中，須要執行save方法纔會提交到服務器。

          portal.save();