アプリのテンプレートとコンポーネント app-templates-and-components
NOTE
Adobeは、単一ページアプリケーションのフレームワークベースのクライアントサイドレンダリング(React など)を必要とするプロジェクトでは、SPA Editor を使用することをお勧めします。 詳細情報を参照してください。
テンプレートは、ページの作成に使用され、選択した範囲内で使用できるコンポーネントを定義します。 テンプレートは、作成するページと同じ構造を持ち、実際のコンテンツを持たないノードの階層です。
各テンプレートには、使用可能なコンポーネントが選択されて表示されます。
- テンプレートは コンポーネント;
- コンポーネントはウィジェットを使用し、ウィジェットにアクセスできます。ウィジェットはコンテンツのレンダリングに使用されます。
NOTE
CRXDE Liteを使用したAEMアプリケーションの開発方法については、 CRXDE Lite.
テンプレートは、ページの基盤です。
ページを作成するには、テンプレートをコピーする必要があります (node-tree) /apps/<myapp>/templates/<mytemplate>) を site-tree 内の対応する位置にドラッグします。ページが Web サイト タブをクリックします。
また、このコピーアクションは、ページの初期コンテンツ(通常はトップレベルコンテンツのみ)と、ページのレンダリングに使用されるページコンポーネントのパス(子ノード jcr:content 内のすべて)を示す sling:resourceType プロパティも提供します。
テンプレートの構造 structure-of-a-template
考慮すべき 2 つの側面があります。
- テンプレート自体の構造
- テンプレートを使用する際に作成されるコンテンツの構造
テンプレートは、タイプのノードの下に作成されます cq:Template.
特に、様々なプロパティを設定できます。
- jcr:title — テンプレートのタイトル。は、ページの作成時にダイアログに表示されます。
- jcr:description — テンプレートの説明。は、ページの作成時にダイアログに表示されます。
このノードには次が含まれます jcr:content (cq:PageContent) 結果ページのコンテンツノードの基礎として使用されるノードこの参照は、 sling:resourceType:新しいページの実際のコンテンツのレンダリングに使用するコンポーネント。
テンプレートとコンポーネントについての基本的な知識が得られたら、次のリソースを参照してください。
その他のリソース additional-resources
モバイルアプリに関するその他のトピックについては、以下のリンクを参照してください。
recommendation-more-help
547b817b-14b5-4d82-aa0f-a64750e0e592