Modelos e componentes do aplicativo

OBSERVAÇÃO

A Adobe recomenda o uso do Editor SPA para projetos que exigem renderização no lado do cliente baseada em estrutura de aplicativo de página única (por exemplo, React). 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 da página a ser criada, mas sem nenhum conteúdo real.

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

Os modelos são criados de Componentes;
Os componentes usam e permitem acesso a Widgets e eles são usados para renderizar o Conteúdo.

OBSERVAÇÃO

Para saber como desenvolver o aplicativo Adobe Experience Manager (AEM) usando o CRXDE Lite, consulte Desenvolvimento com o CRXDE Lite.

Um modelo é a base de uma página.

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

Essa ação de cópia também fornece à página seu conteúdo inicial (geralmente, Conteúdo de nível superior somente) e a propriedade sling:resourceType, o caminho para o componente de página 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 template é usado

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

Várias propriedades podem ser definidas, em particular:

jcr:title - título do 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 jcr:content (cq:PageContent) que é usado como base para o nó de conteúdo das páginas resultantes. Isso faz referência, usando sling:resourceType, o 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 para 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: