Programmvorlagen und -komponenten app-templates-and-components
- der universelle Editor zum visuellen Bearbeiten von Headless-Inhalten.
- der Inhaltsfragmenteditor zur formularbasierten Bearbeitung von Headless-Inhalten
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.
Eine Vorlage ist die Basis einer Seite.
Um eine Seite zu erstellen, muss die Vorlage (Knotenbaumstruktur /apps/<myapp>/templates/<mytemplate>) an die entsprechende Position in der Website-Baumstruktur kopiert werden: Dies geschieht, wenn eine Seite über die 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 verwendet wird (alles im untergeordneten Knoten „jcr:content“).
Struktur einer Vorlage structure-of-a-template
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 vom Typ 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 jcr:content (cq:PageContent) Knoten, der als Grundlage für den Inhaltsknoten der resultierenden Seiten verwendet wird. Diese verweist unter Verwendung sling:resourceType auf die Komponente, die für das Rendern des tatsächlichen Inhalts einer neuen Seite verwendet werden soll.
Nachdem Sie über die grundlegenden Kenntnisse zu Vorlagen und Komponenten verfügen, finden Sie weitere Informationen in den folgenden Ressourcen:
Zusätzliche Ressourcen additional-resources
Weitere Informationen zu mobilen Apps finden Sie unter den folgenden Links: