EmberJS - 核心概念

Ember.js 具有以下核心概念：

• 路由器
• 模板
• 模型
• 元件

路由器和路由處理程式

透過在位址列中輸入 URL 載入應用程式，使用者將點選應用程式內的連結。Ember 使用路由器將 URL 對映到路由處理程式。路由器將現有 URL 與路由匹配，然後將其用於載入資料、顯示模板和設定應用程式狀態。

路由處理程式執行以下操作：

• 它提供模板。

• 它定義了可供模板訪問的模型。

• 如果使用者沒有許可權訪問應用程式的特定部分，則路由器將重定向到新的路由。

模板

模板是面向終端使用者的強大 UI。Ember 模板提供了應用程式的使用者介面外觀，它使用 Handlebars 模板 的語法。它構建前端應用程式，就像普通的 HTML 一樣。它還支援正則表示式並動態更新表示式。

模型

路由處理程式呈現將資訊持久化到 Web 伺服器的模型。它操作儲存在資料庫中的資料。模型是一個簡單的類，它擴充套件了 Ember Data 的功能。Ember Data 是一個與 Ember.js 緊密耦合的庫，用於操作儲存在資料庫中的資料。

元件

元件控制使用者介面行為，包括兩個部分：

• 用 JavaScript 編寫的模板

• 用 JavaScript 編寫的原始檔，提供元件的行為。