EmberJS - 模型

模型是一個擴充套件 Ember Data 功能的類。當用戶重新整理頁面時，頁面的內容應該由模型表示。在 Ember.js 中，每個路由都有一個關聯的模型。模型有助於提高應用程式的效能。Ember Data 操作伺服器中儲存的資料，並且可以輕鬆地與 socket.io、Firebase 或 WebSockets 等流式 API 協同工作。

核心概念

• 儲存
• 模型
• 記錄
• 介面卡
• 快取

儲存

儲存是應用程式中所有可用記錄的中央儲存庫和快取。路由和控制器可以訪問應用程式的儲存資料。DS.Store 自動建立，以便在整個物件之間共享資料。

import Ember from 'ember';

export default Ember.Route.extend ({
   model() {
      return this.store.find();
   }
});

模型

模型是一個擴充套件 Ember Data 功能的類，它指定了與其他物件的關聯關係。當用戶重新整理頁面時，頁面的內容應該由模型表示。

import DS from 'ember-data';

export default DS.Model.extend ({
   owner: DS.attr(),
   city: DS.attr()
});

記錄

記錄是模型的一個例項，其中包含從伺服器載入的資訊，您可以透過其模型的型別和ID來識別記錄。

//It finds the record of type 'person' and an 'ID' of 1
this.get('store').findRecord('person', 1); // => { id: 1, name: 'steve-buscemi' }

介面卡

介面卡是一個物件，負責將 Ember 中請求的記錄轉換為對特定伺服器後端的適當呼叫。例如，如果您想查詢 ID 為 1 的人，則 Ember 將使用 HTTP 作為/person/1載入 URL。

快取

記錄可以由儲存自動快取，並在您第二次從伺服器載入記錄時返回相同的物件例項。這提高了應用程式的效能，並儘可能快地向用戶顯示應用程式 UI。

下表列出了有關模型的詳細資訊 -