EmberJS 應用

架構

下圖顯示了Ember.js的架構，它說明了路由，控制器，視圖，模板和模型之間的交互。

Ember.js的架構有以下內容：

• 模型
• 視圖
• 模板
• 控制器
• 路由

模型

模型和路由相關聯(lián)，因為模型通過作為參數(shù)傳遞到調用路由來實現(xiàn)路由。它操作存儲在數(shù)據庫中的數(shù)據。該模型是擴展Ember數(shù)據功能的簡單類。Ember Data是一個與Ember.js緊密耦合的庫，用于存儲在數(shù)據庫中的數(shù)據。

視圖

創(chuàng)建視圖有兩個原因：

• 如果存在處理用戶事件的復雜性。

• 您可以創(chuàng)建可重復使用的組件。

視圖負責處理用戶事件并更新DOM（文檔對象模塊）。將評估handlebar模板以創(chuàng)建視圖。在模板評估期間，將添加子視圖。它通過為最終用戶提供豐富的UI，幫助保持應用程序系統(tǒng)的健壯性。

模板

模板是最終用戶的強大的UI。您可以直接將模板嵌入到HTML標記中。Ember.js提供了Handlebar模板庫來構建前端應用程序，就像普通HTML一樣。它還支持正則表達式并動態(tài)更新表達式。

控制器

控制器管理模型的顯示邏輯，并且還控制路線，模型和視圖之間的操作。它從路由獲取模型，并在視圖，模型和模板之間建立連接。 Ember.js自動創(chuàng)建控制器。

路由

路由是應用程序對象的URL表示，并將其轉換為嵌套模板。它從它們的模型鉤子查詢模型，以便在控制器和模板中可用。它在單例路由器對象中聲明。