App-Vorlagen und Komponenten

HINWEIS

Adobe empfiehlt die Verwendung des SPA-Editors für Projekte, für die ein frameworkbasiertes clientseitiges Rendering für einzelne Seiten (z. B. React) erforderlich ist. Weitere Informationen

Eine Vorlage wird verwendet, um eine Seite zu erstellen. Sie definiert, welche Komponenten im ausgewählten Umfang genutzt werden können. Eine Vorlage ist eine Hierarchie von Knoten, die dieselbe Struktur aufweist wie die zu erstellende Seite, aber keine Inhalte.

Jede Vorlage stellt Ihnen eine Auswahl an Komponenten bereit, die Sie verwenden können.

  • Vorlagen bestehen aus Komponenten.
  • Komponenten nutzen Widgets und bieten Zugriff auf Widgets. Mit Widgets werden die Inhalte gerendert.
HINWEIS

Informationen zum Entwickeln Ihrer AEM-Anwendung mit CRXDE Lite finden Sie unter Entwickeln mit CRXDE Lite.

Eine Vorlage ist die Basis einer Seite.

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

Über diesen Kopiervorgang erhält die Seite auch ihren anfänglichen Inhalt (in der Regel nur den Inhalt der obersten Ebene) und die Eigenschaft sling:resourceType, den Pfad zur Seitenkomponente, die zum Rendern der Seite genutzt wird (alles im untergeordneten Knoten jcr:content).

Struktur einer Vorlage

Zwei Aspekte müssen berücksichtigt werden:

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

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

Verschiedene Eigenschaften können festgelegt werden, insbesondere:

  • jcr:title – Titel für die Vorlage; wird beim Erstellen einer Seite im Dialogfeld angezeigt
  • jcr:description – Beschreibung für die Vorlage; wird beim Erstellen einer Seite im Dialogfeld angezeigt

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

HINWEIS

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

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

Auf dieser Seite