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:

Recursos adicionais

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

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now