Modelos e componentes do aplicativo

OBSERVAÇÃO

A Adobe recomenda usar o Editor de SPA para projetos que exigem renderização do lado do cliente com base 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 que a página a ser criada, mas sem nenhum conteúdo real.

Cada modelo apresentará a você 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 seu aplicativo 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 o conteúdo inicial (geralmente 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.

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 a jcr:content (cq:PageContent) nó que pode ser usado como a base para o nó de conteúdo das páginas resultantes; esta 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 de modelos e componentes no AEM, consulte os recursos abaixo:

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

Recursos adicionais

Para saber mais sobre tópicos adicionais em aplicativos móveis, consulte os links abaixo:

Nesta página