應用程式範本和元件

注意

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

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

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

  • 範本由Components建立;
  • 元件使用並允許存取Widget,而這些元件則用來轉換內容。
注意

若要瞭解如何使用CRXDE Lite來開發AEM應用程式,請參閱「使用CRXDE Lite](/docs/experience-manager-65/sites-developing/developing-with-crxde-lite.html?lang=zh-Hant)開發」。[

範本是頁面的基礎。

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

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

範本結構

需要考慮兩個方面:

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

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

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

  • jcr:title - title for the template;顯示在對話框中。
  • jcr:description - the template的description;顯示在對話框中。

此節點包含​a jcr:content(cq:PageContent)​節點,用作產生頁面的內容節點;此參照會使用​sling:resourceType,來呈現新頁面的實際內容。

注意

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

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

其他資源

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

本頁內容