Modelos e componentes do aplicativo app-templates-and-components

CAUTION
AEM 6.4 chegou ao fim do suporte estendido e esta documentação não é mais atualizada. Para obter mais detalhes, consulte nossa períodos de assistência técnica. Encontre as versões compatíveis here.
NOTE
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.
NOTE
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 structure-of-a-template

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.

NOTE
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 additional-resources

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

recommendation-more-help
547b817b-14b5-4d82-aa0f-a64750e0e592