應用程式範本和元件

注意

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

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

每個範本都會提供一系列可供使用的元件。

  • 範本由元件組成;
  • 元件使用和允許訪問介面工具集,這些元件用於呈現內容。
注意

若要了解如何使用CRXDE Lite開發您的AEM應用程式,請參閱使用CRXDE Lite開發

範本是頁面的基礎。

若要建立頁面,必須將範本複製(node-tree /apps/<myapp>/templates/<mytemplate>)到站點樹中的對應位置:如果使用​Websites​標籤建立頁面,就會發生此情況。

此複製動作也會提供頁面的初始內容(通常僅限頂層內容)和屬性sling:resourceType,用於轉譯頁面的頁面元件路徑(子節點jcr:content中的所有內容)。

模板的結構

需要考慮兩個方面:

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

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

可以設定各種屬性,特別是:

  • jcr:title — 範本的title;建立頁面時顯示在對話方塊中。
  • jcr:description — 範本的說明;建立頁面時顯示在對話方塊中。

此節點包含​a jcr:content(cq:PageContent)​節點,這些節點用作生成頁面的內容節點的基礎;這會參考,使用​sling:resourceType,用來轉譯新頁面實際內容的元件。

注意

若要了解AEM中範本和元件的基本知識,請參閱下列資源:

在您基本了解範本和元件後,請參閱下列資源:

其他資源

若要了解行動應用程式上的其他主題,請參閱下列連結:

本頁內容