應用程式範本和元件 app-templates-and-components
NOTE
Adobe建議對需要以單頁應用程式框架為基礎的使用者端轉譯（例如React）的專案使用SPA編輯器。 深入了解.
範本可用來建立頁面，並定義可在所選範圍內使用的元件。 範本是節點的階層，其結構與要建立的頁面相同，但沒有任何實際內容。
每個範本都會為您提供一系列可供使用的元件。
- 範本的建置方式 元件；
- 元件會使用並允許存取Widget，而這些元件會用於轉譯內容。
NOTE
若要瞭解如何使用CRXDE Lite開發您的Adobe Experience Manager (AEM)應用程式，請參閱 使用CRXDE Lite開發.
範本是頁面的基礎。
若要建立頁面，必須複製範本（節點樹） /apps/<myapp>/templates/<mytemplate>)中的對應位置：如果頁面是使用 網站 標籤。
此複製動作也會提供頁面的初始內容（通常是僅限頂層內容）和屬性sling：resourceType，也就是用來轉譯頁面的頁面元件路徑（子節點jcr：content中的所有專案）。
範本的結構 structure-of-a-template
需要考慮兩個方面：
- 範本本身的結構
- 使用範本時產生的內容結構
範本會在型別的節點下建立 cq：Template.
您可以設定各種屬性，特別是：
- jcr：title — 範本的標題；建立頁面時顯示在對話方塊中。
- jcr：description — 範本的說明；建立頁面時顯示在對話方塊中。
此節點包含 jcr：content (cq：PageContent) 用作結果頁面內容節點基礎的節點。 此參考資料，使用 sling：resourceType，此元件用於呈現新頁面的實際內容。
在您對「範本」和「元件」有了基本瞭解後，請參閱下列資源：
其他資源 additional-resources
若要瞭解行動應用程式的其他主題，請參閱下列連結：
recommendation-more-help
2eeeb575-8007-40cc-a72d-206fbc4ddd4b