Plantillas y componentes de aplicación

NOTA

Adobe recomienda el uso del Editor de SPA para proyectos que requieren una representación de cliente basada en el marco de aplicaciones de una sola página (por ejemplo, React). Más información.

Se utiliza una plantilla para crear una página y define qué componentes se pueden utilizar dentro del ámbito seleccionado. Una plantilla es una jerarquía de nodos que tiene la misma estructura que la página que se va a crear, pero sin ningún contenido real.

Cada plantilla le presentará una selección de componentes disponibles para su uso.

  • Las plantillas están compuestas de Componentes;
  • Los componentes utilizan y permiten el acceso a los widgets y se utilizan para representar el contenido.
NOTA

Para obtener información sobre cómo desarrollar su aplicación AEM con CRXDE Lite, consulte Desarrollo con CRXDE Lite.

Una plantilla es la base de una página.

Para crear una página, la plantilla debe copiarse (node-tree /apps/<myapp>/templates/<mytemplate>) en la posición correspondiente del árbol del sitio: esto es lo que sucede si se crea una página con la ficha Sitios web.

Esta acción de copia también proporciona a la página su contenido inicial (generalmente solo contenido de nivel superior) y la propiedad sling:resourceType, la ruta al componente de página que se utiliza para representar la página (todo en el nodo secundario jcr:content).

Estructura de una plantilla

Hay dos aspectos que deben considerarse:

  • la estructura de la plantilla misma
  • la estructura del contenido producido al utilizar una plantilla

Se crea una plantilla bajo un nodo de tipo cq:Template.

Se pueden definir varias propiedades, en particular:

  • jcr:title - título de la plantilla; aparece en el cuadro de diálogo al crear una página.
  • jcr:description - descripción de la plantilla; aparece en el cuadro de diálogo al crear una página.

Este nodo contiene un nodo jcr:content (cq:PageContent) que se utilizará como base para el nodo de contenido de las páginas resultantes; esto hace referencia, utilizando sling:resourceType, al componente que se utilizará para procesar el contenido real de una nueva página.

NOTA

Para obtener información básica sobre plantillas y componentes en AEM, consulte los recursos siguientes:

Una vez que conozca las plantillas y los componentes de forma básica, consulte los siguientes recursos:

Recursos adicionales

Para obtener más información sobre temas adicionales en aplicaciones móviles, consulte los vínculos siguientes:

En esta página