應用程式範本和元件 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