應用程式範本和元件

NOTE

Adobe建議針對需要單頁應用程式架構用戶端轉換的專案使用SPA編輯器（例如React）。 了解更多.

「範本」可用來建立「頁面」，並定義哪些元件可在選取範圍內使用。 範本是節點的階層，其結構與要建立的頁面相同，但沒有任何實際內容。

每個範本都會提供可供使用的元件選擇。

  • 範本由元件組 成;
  • 元件使用並允許存取Widget，而這些元件則用來轉換內容。
NOTE

若要瞭解如何使用CRXDE Lite來開發AEM應用程式，請參 閱「使用CRXDE Lite開發」。

範本是頁面的基礎。

若要建立頁面，必須將範本複製(node-tree /apps/<myapp>/templates/<mytemplate>)至網站樹中的對應位置： 如果使用「網站」標籤建立頁面，就會發 生這 些。

此複製動作也會提供頁面的初始內容（通常為僅限Top-Level Content）和屬性sling:resourceType，用於呈現頁面的頁面元件路徑（子節點jcr:content中的所有項目）。

範本結構

需要考慮兩個方面：

  • 範本本身的結構
  • 使用範本時產生的內容結構

在類型為 cq:Template的節點下建立模板。

可以設定各種屬性，特別是：

  • jcr:title —— 範本的title; 顯示在對話框中。
  • jcr:description —— 模板的說明； 顯示在對話框中。

該節點包 含一個jcr:content(cq:PageContent) (jcr:content)節點，作為生成頁面的內容節點的基礎； 此參照使用 sling:resourceType，此元件用於呈現新頁面的實際內容。

NOTE

若要瞭解AEM中範本和元件的基本資訊，請參閱下列資源：

對範本和元件有基本瞭解後，請參閱下列資源：

其他資源

若要瞭解行動應用程式的其他主題，請參閱下列連結：

本頁內容