App-Vorlagen und -Komponenten app-templates-and-components

CAUTION
AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.
NOTE
Adobe empfiehlt die Verwendung des SPA-Editors für Projekte, für die ein frameworkbasiertes Client-seitiges Rendering für einzelne Seiten (z. B. React) erforderlich ist. Weitere Informationen

Eine Vorlage wird verwendet, um eine Seite zu erstellen, und definiert, welche Komponenten im ausgewählten Bereich verwendet werden können. Eine Vorlage ist eine Hierarchie von Knoten, die dieselbe Struktur wie die zu erstellende Seite aufweisen, jedoch keinen tatsächlichen Inhalt haben.

Jede Vorlage stellt Ihnen eine Auswahl an Komponenten zur Verfügung, die Sie verwenden können.

  • Vorlagen bestehen aus Komponenten;
  • Komponenten verwenden Widgets und ermöglichen den Zugriff auf Widgets und diese werden zum Rendern des Inhalts verwendet.
NOTE
Informationen zum Entwickeln Ihrer AEM-Anwendung mithilfe von CRXDE Lite finden Sie unter Entwickeln mit CRXDE Lite.

Eine Vorlage ist die Basis einer Seite.

Um eine Seite zu erstellen, muss die Vorlage kopiert werden (Knotenbaum /apps/<myapp>/templates/<mytemplate>) an die entsprechende Position im Site-Baum: Dies geschieht, wenn eine Seite mit dem Websites Registerkarte.

Durch diese Kopieraktion erhält die Seite auch ihren anfänglichen Inhalt (normalerweise nur Inhalte der obersten Ebene) und die Eigenschaft sling:resourceType, den Pfad zur Seitenkomponente, die zum Rendern der Seite verwendet wird (alles im untergeordneten Knoten jcr:content).

Struktur einer Vorlage structure-of-a-template

Zwei Aspekte sind zu berücksichtigen:

  • die Struktur der Vorlage selbst
  • die Struktur des Inhalts, der bei Verwendung einer Vorlage erzeugt wird

Eine Vorlage wird unter einem Knoten des Typs cq:Template.

Verschiedene Eigenschaften können festgelegt werden, insbesondere:

  • jcr:title - Titel der Vorlage; wird beim Erstellen einer Seite im Dialogfeld angezeigt.
  • jcr:description - Beschreibung der Vorlage; wird beim Erstellen einer Seite im Dialogfeld angezeigt.

Dieser Knoten enthält a jcr:content (cq:PageContent) Knoten, der als Grundlage für den Inhaltsknoten der resultierenden Seiten verwendet wird; diese Referenz verwendet, sling:resourceType, die Komponente, die zum Rendern des tatsächlichen Inhalts einer neuen Seite verwendet werden soll.

NOTE
Informationen zu den Grundlagen für Vorlagen und Komponenten in AEM finden Sie in den folgenden Ressourcen:

Nachdem Sie über grundlegende Kenntnisse zu Vorlagen und Komponenten verfügen, lesen Sie die folgenden Ressourcen:

Zusätzliche Ressourcen additional-resources

Weitere Informationen zu zusätzlichen Themen zu mobilen Apps finden Sie unter den folgenden Links:

recommendation-more-help
547b817b-14b5-4d82-aa0f-a64750e0e592