EmberJS 應(yīng)用

架構(gòu)

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

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

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

模型

模型和路由相關(guān)聯(lián)，因?yàn)槟Ｐ屯ㄟ^(guò)作為參數(shù)傳遞到調(diào)用路由來(lái)實(shí)現(xiàn)路由。它操作存儲(chǔ)在數(shù)據(jù)庫(kù)中的數(shù)據(jù)。該模型是擴(kuò)展Ember數(shù)據(jù)功能的簡(jiǎn)單類(lèi)。Ember Data是一個(gè)與Ember.js緊密耦合的庫(kù)，用于存儲(chǔ)在數(shù)據(jù)庫(kù)中的數(shù)據(jù)。

視圖

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

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

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

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

模板

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

控制器

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

路由

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