Plantillas y componentes de aplicación

NOTA

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

Una plantilla se utiliza 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 contenido real.

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

  • Las plantillas están creadas con Componentes;
  • Los componentes utilizan utilidades y permiten el acceso a ellas, que se utilizan para representar el contenido.
NOTA

Para obtener información sobre cómo desarrollar la aplicación de 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 (árbol de nodos) /apps/<myapp>/templates/<mytemplate>) a la posición correspondiente en el árbol de sitios: esto es lo que sucede si se crea una página con la variable Sitios web pestaña .

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

Estructura de una plantilla

Hay dos aspectos que se deben tener en cuenta:

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

Una plantilla se crea bajo un nodo de tipo cq:Template.

Se pueden configurar 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 a jcr:content (cq:PageContent) nodo que se utilizará como base para el nodo de contenido de las páginas resultantes; hace referencia a, usar sling:resourceType, el componente que se utilizará para procesar el contenido real de una página nueva.

NOTA

Para conocer los conceptos básicos de las plantillas y los componentes de AEM, consulte los siguientes recursos:

Una vez que conozca las plantillas y los componentes, 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