應用程式範本和元件 app-templates-and-components
NOTE
Adobe建議針對需要單頁應用程式架構用戶端轉譯（例如React）的專案使用SPA編輯器。 深入了解.
模板用於建立頁面，並定義哪些元件可在選定範圍內使用。 範本是節點的階層，其結構與要建立的頁面相同，但沒有任何實際內容。
每個範本都會提供一系列可供使用的元件。
- 範本由 元件;
- 元件使用和允許訪問介面工具集，這些元件用於呈現內容。
NOTE
若要了解如何使用CRXDE Lite開發您的AEM應用程式，請參閱 使用CRXDE Lite開發.
範本是頁面的基礎。
要建立頁面，必須複製模板（節點樹） /apps/<myapp>/templates/<mytemplate>)到站點樹中的對應位置：若使用 網站 標籤。
此複製動作也會提供頁面的初始內容（通常僅限頂層內容）和屬性sling:resourceType，用於轉譯頁面的頁面元件路徑（子節點jcr:content中的所有內容）。
範本結構 structure-of-a-template
需要考慮兩個方面：
- 模板本身的結構
- 使用範本時產生的內容結構
在類型的節點下建立模板 cq：範本.
可以設定各種屬性，特別是：
- jcr:title — 範本標題；建立頁面時顯示在對話方塊中。
- jcr:description — 範本說明；建立頁面時顯示在對話方塊中。
此節點包含 jcr:content(cq:PageContent) 節點，作為生成頁面的內容節點的基礎；此參考，使用 sling:resourceType，此元件用於呈現新頁面的實際內容。
在您基本了解範本和元件後，請參閱下列資源：
其他資源 additional-resources
若要了解行動應用程式上的其他主題，請參閱下列連結：
recommendation-more-help
547b817b-14b5-4d82-aa0f-a64750e0e592