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 kopiert werden (node-tree /apps/<myapp>/templates/<mytemplate>) an die entsprechende Position in der Site-Struktur: Dies geschieht, wenn eine Seite mit 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. referenziert dieser Parameter mithilfe von sling:resourceType die Komponente, die zum Rendern des tatsächlichen Inhalts einer neuen Seite verwendet wird.

HINWEIS

Die Grundlagen für Vorlagen und Komponenten in AEM finden Sie in den nachfolgend aufgeführten Ressourcen:

Nachdem Sie die Grundkenntnisse zu Vorlagen und Komponenten erhalten haben, finden Sie weitere Informationen in den folgenden Ressourcen:

Zusätzliche Ressourcen

Weitere Informationen zu weiteren Themen in mobilen Apps finden Sie unter den folgenden Links:

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free