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

NOTE
Adobe recommande d’utiliser l’éditeur de SPA pour les projets qui nécessitent un rendu côté client basé sur la structure d’application d’une seule page (par exemple, 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.

  • Les modèles sont constitués de Composants;
  • Les composants utilisent et permettent d’accéder aux widgets, qui sont utilisés pour le rendu du 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é (arborescence de noeuds) /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 la variable 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

Deux aspects doivent être pris en compte :

  • la structure du modèle lui-même ;
  • la structure du contenu produit lors de l'utilisation d'un modèle ;

Un modèle est créé sous un noeud de type cq:Template.

Différentes propriétés peuvent être définies, notamment :

  • jcr:title - titre du modèle ; s’affiche dans la boîte de dialogue lors de la création d’une page.
  • jcr:description - description du modèle ; s’affiche dans la boîte de dialogue lors de la création d’une page.

Ce noeud contient un jcr:content (cq:PageContent) qui sert de base au noeud de contenu des pages créées. Cette référence, à l’aide de sling:resourceType, 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