App-Vorlagen und -Komponenten app-templates-and-components
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 (Knotenbaum /apps/<myapp>/templates/<mytemplate>) an die entsprechende Position im Site-Baum 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 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 auf die Komponente verwiesen, die zum Rendern des tatsächlichen Inhalts einer neuen Seite verwendet werden soll.
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: