Modelos e componentes do aplicativo

OBSERVAÇÃO

A Adobe recomenda o uso do Editor de SPA para projetos que exigem renderização do cliente baseada em estrutura de aplicativo de página única (por exemplo, Reagir). Saiba mais.

Um Modelo é usado para criar uma Página e define quais componentes podem ser usados dentro do escopo selecionado. Um modelo é uma hierarquia de nós que tem a mesma estrutura que a página a ser criada, mas sem nenhum conteúdo real.

Cada modelo apresentará uma seleção de componentes disponíveis para uso.

Os modelos são construídos de Components;
Os componentes usam e permitem acesso a Widgets, e esses são usados para renderizar o Conteúdo.

OBSERVAÇÃO

Para saber como desenvolver seu aplicativo AEM usando o CRXDE Lite, consulte Desenvolvimento com CRXDE Lite.

Um modelo é a base de uma página.

Para criar uma página, o modelo deve ser copiado (node-tree /apps/<myapp>/models/<mytemplate>) para a posição correspondente na árvore do site: isso é o que acontece se uma página for criada usando a guia Sites.

Essa ação de cópia também fornece à página seu conteúdo inicial (normalmente, somente conteúdo de nível superior) e a propriedade sling:resourceType, o caminho para o componente de página que é usado para renderizar a página (tudo no nó filho jcr:content).

Estrutura de um Modelo

Há dois aspectos a considerar:

a estrutura do próprio modelo
a estrutura do conteúdo produzido quando um modelo é usado

Um Modelo é criado em um nó do tipo cq:Template.

Podem ser definidas várias propriedades, em especial:

jcr:title - title para o modelo; aparece na caixa de diálogo ao criar uma página.
jcr:description - descrição do modelo; aparece na caixa de diálogo ao criar uma página.

Este nó contém um nó jcr:content (cq:PageContent) que pode ser usado como a base para o nó de conteúdo das páginas resultantes; isso faz referência, usando sling:resourceType, ao componente a ser usado para renderizar o conteúdo real de uma nova página.

OBSERVAÇÃO

Para saber mais sobre as noções básicas de modelos e componentes no AEM, consulte os recursos abaixo:

Depois de ter a compreensão básica de Modelos e componentes, consulte os seguintes recursos: