Modèles et composants d’application app-templates-and-components

NOTE
Adobe recommande d’utiliser l’éditeur SPA pour les projets nécessitant un rendu côté client, basé sur un framework, pour une application à une seule page (comme React). En savoir plus.

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.
NOTE
Pour savoir comment développer votre application Adobe Experience Manager (AEM) à l’aide de CRXDE Lite, voir Développement avec CRXDE Lite.

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.

NOTE
Pour en savoir plus sur les principes de base des modèles et des composants dans AEM, consultez les ressources ci-dessous :

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 :

recommendation-more-help
2eeeb575-8007-40cc-a72d-206fbc4ddd4b