應用程式範本和元件

注意

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

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

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

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

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

範本是頁面的基礎。

若要建立頁面,必須將範本複製(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中範本和元件的基本資訊,請參閱下列資源:

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

其他資源

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

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now