Modèles d’application et composants

REMARQUE

Adobe recommande d’utiliser l’éditeur d’application d’une seule page (SPA) pour les projets nécessitant un rendu côté client basé sur la structure SPA (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 qui a la même structure que la page à créer, mais sans contenu réel.

Chaque modèle présente une sélection de composants disponibles.

  • Les modèles sont constitués de Composants ;
  • Les composants utilisent et autorisent l’accès aux Widgets et ceux-ci sont utilisés pour rendre le contenu.
REMARQUE

Pour savoir comment développer votre application AEM à l’aide du CRXDE Lite, voir Développement avec le 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 produit 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

Il y a deux aspects à considérer :

  • 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, en particulier :

  • 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 doit être utilisé comme base pour le 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.

REMARQUE

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

Une fois que vous avez une bonne compréhension des modèles et des composants, consultez les ressources suivantes :

Ressources supplémentaires

Pour en savoir plus sur d’autres rubriques sur les applications mobiles, voir les liens ci-dessous :

Sur cette page