Show Menu
TOPICS×

Componente da página

O Componente de página é um componente de página extensível projetado para trabalhar com o editor de modelo e permite que os componentes de cabeçalho/rodapé e estrutura da página sejam montados com o editor de modelo.

Uso

O componente de página forma a base de todas as páginas projetadas com os componentes principais, bem como modelos editáveis. Usando o componente de página, os cabeçalhos, rodapés e a estrutura da página podem ser definidos como um modelo usando os outros componentes principais.
Usando a caixa de diálogo de design, bibliotecas personalizadas do lado do cliente podem ser definidas para a página. Ao contrário de outros componentes que têm uma caixa de diálogo de edição acessível diretamente do componente, como o componente é a própria página, a caixa de diálogo de edição do componente da página é a janela de propriedades da página.

Versão e compatibilidade

A versão atual do Componente de página é a v2, que foi introduzida com a versão 2.0.0 dos Componentes principais em janeiro de 2018, e é descrita neste documento.
A tabela a seguir detalha todas as versões compatíveis do componente, as versões do AEM com as quais as versões do componente são compatíveis e os links para a documentação de versões anteriores.
Versão do componente
AEM 6.3
AEM 6.4
AEM 6.5
Compatível
Compatível
Compatível
v1
Compatível
Compatível
Compatível
Para obter mais informações sobre versões e versões dos Componentes principais, consulte o documento Versões dos componentes principais.
Para ativar o redirecionamento no
cq:Page
nível para a versão 2 do componente de página e AEM 6.3, é necessário o service pack 2 ou posterior. Esse redirecionamento não estava disponível em versões anteriores.

Exemplo de saída de componente

A seguir está uma amostra retirada de We.Retail .

Captura de tela

Detalhes técnicos

A documentação técnica mais recente sobre o Componente de página pode ser encontrada no GitHub .
Para obter mais detalhes sobre o desenvolvimento dos Componentes principais, consulte a documentação do desenvolvedor dos Componentes principais.

Edit Dialog

Como o componente representa a página inteira, as configurações que normalmente estariam em uma caixa de diálogo de edição são encontradas na janela Propriedades da página.

Caixa de diálogo Design

Como o componente representa a página inteira, a caixa de diálogo de design é acessada por meio de Informações da
página -> Política
da página ao editar o modelo da página.
Em versões anteriores do AEM, a Política
de
página era chamada de Design
de
página.

Guia Propriedades

Usando a janela Design de página, você pode definir as bibliotecas do cliente a serem carregadas, bem como a biblioteca de recursos da Web para a página.
  • Bibliotecas
    do clienteDefine as categorias da biblioteca do cliente a serem carregadas. O JavaScript é adicionado na extremidade do corpo e o CSS é adicionado ao cabeçalho da página.
  • Cabeçalho
    da página JavaScript das bibliotecas do clienteDefine as categorias da biblioteca do cliente JavaScript a serem carregadas no cabeçalho da página.
    • As categorias definidas aqui que também estão presentes no campo Bibliotecas
      do
      cliente terão o JavaScript carregado no cabeçalho da página em vez de no final do corpo.
    • Nenhum CSS será carregado, a menos que a categoria também esteja presente no campo Bibliotecas
      do
      cliente.
  • Biblioteca
    do cliente de recursos da Web A categoria da biblioteca do cliente usada para fornecer recursos da Web, como favicons.
As bibliotecas podem ser configuradas para os campos
Client Libraries
e
Client Library JavaScript Page Head
da seguinte maneira:
  • Para adicionar um novo campo, clique ou toque no botão
    Adicionar
    abaixo dos campos.
  • Para remover um campo, clique ou toque no ícone da lixeira ao lado do campo a ser removido.
  • Para reorganizar a ordem de carregamento, clique ou toque e arraste a alça ao lado do campo a ser movido.
Para obter mais informações sobre o uso de bibliotecas do lado do cliente, consulte Uso de bibliotecas do lado do cliente.
A capacidade de definir separadamente as bibliotecas do cliente para o cabeçalho da página foi introduzida com os componentes principais versão 2.2.0.

Guia Estilos

O Componente de página suporta o Sistema de estilo AEM.