應用程式範本和元件

注意

Adobe建議對需要以單頁應用程式框架為基礎的使用者端轉譯（例如React）的專案使用SPA編輯器。 深入了解.

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

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

  • 範本的建置方式 元件；
  • 元件會使用並允許存取Widget，而這些元件會用於轉譯內容。
注意

若要瞭解如何使用CRXDE Lite開發您的Adobe Experience Manager (AEM)應用程式，請參閱 使用CRXDE Lite開發.

範本是頁面的基礎。

若要建立頁面，必須複製範本（節點樹） /apps/<myapp>/templates/<mytemplate>)中的對應位置：如果頁面是使用 網站 標籤。

此複製動作也會提供頁面的初始內容（通常是僅限頂層內容）和屬性sling：resourceType，也就是用來轉譯頁面的頁面元件路徑（子節點jcr：content中的所有專案）。

範本的結構

需要考慮兩個方面：

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

範本會在型別的節點下建立 cq：Template.

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

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

此節點包含 jcr：content (cq：PageContent) 用作結果頁面內容節點基礎的節點。 此參考資料，使用 sling：resourceType，此元件用於呈現新頁面的實際內容。

注意

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

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

其他資源

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

本頁內容