App-Vorlagen und -Komponenten app-templates-and-components
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.
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.
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: