Modèles et composants d’application

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 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

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 jcr:content (cq:PageContent) Noeud servant de base au noeud de contenu des pages résultantes ; cette référence, à l’aide de sling:resourceType, composant à utiliser pour le rendu du contenu réel d’une nouvelle page.

REMARQUE

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 :