架構(gòu)

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

Ember.js的架構(gòu)有以下內(nèi)容：

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

模型

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

視圖

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

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

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

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

模板

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

控制器

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

路由

路由是應(yīng)用程序?qū)ο蟮腢RL表示，并將其轉(zhuǎn)換為嵌套模板。它從它們的模型鉤子查詢模型，以便在控制器和模板中可用。它在單例路由器對象中聲明。