Modèles et composants d’application app-templates-and-components
Un modèle sert à créer une page. Il définit les composants pouvant être utilisés dans l’étendue sélectionnée. Un modèle est une hiérarchie de nœuds ayant la même structure que la page à créer, mais sans contenu réel.
Chaque modèle vous présente une sélection de composants disponibles pour utilisation.
- Les modèles sont constitués de composants ;
- les composants utilisent et permettent d’accéder aux widgets et ceux-ci sont utilisés pour rendre le contenu.
Un modèle sert de fondement pour une page.
Pour créer une page, le modèle doit être copié (node-tree /apps/<myapp>/templates/<mytemplate>) à la position correspondante dans l’arborescence du site : c’est ce qui se passe si une page est créée à l’aide de l’onglet Sites Web .
Cette action de copie confère également à la page son contenu initial (généralement le contenu de niveau supérieur uniquement) et la propriété sling:resourceType, le chemin d’accès au composant de page utilisé pour rendre la page (tout ce qui est présent dans le nœud enfant jcr:content).
Structure d’un modèle structure-of-a-template
Il y a deux aspects à prendre en compte :
- la structure du modèle lui-même ;
- la structure du contenu produit lorsqu’un modèle est utilisé.
Un modèle est créé sous un nœud de type cq:Template.
Différentes propriétés peuvent être définies, notamment :
- jcr:title : titre du modèle ; apparaît dans la boîte de dialogue lors de la création d’une page.
- jcr:description : description du modèle ; apparaît dans la boîte de dialogue lors de la création d’une page.
Ce noeud contient un noeud jcr:content (cq:PageContent) qui est utilisé comme base du noeud de contenu des pages résultantes. Cette référence, à l’aide de sling:resourceType, le composant à utiliser pour le rendu du contenu réel d’une nouvelle page.
Une fois que vous avez une compréhension de base des modèles et des composants, consultez les ressources suivantes :
Ressources supplémentaires additional-resources
Pour en savoir plus sur les rubriques supplémentaires sur les applications mobiles, voir les liens ci-dessous :