Plantillas y componentes de aplicación app-templates-and-components

NOTE
Adobe SPA recomienda utilizar el Editor de para proyectos que requieran una representación del lado del cliente basada en el marco de trabajo de la aplicación 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 contenido real.

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

  • Las plantillas están compuestas por Componentes;
  • Los componentes utilizan los widgets y permiten el acceso a ellos, y se utilizan para procesar el contenido.
NOTE
Para obtener información sobre cómo desarrollar la aplicación de Adobe Experience Manager AEM () mediante CRXDE Lite, consulte Desarrollo con CRXDE Lite.

Una plantilla es la base de una página.

Para crear una página, se debe copiar la plantilla (árbol de nodos) /apps/<myapp>/templates/<mytemplate>) a la posición correspondiente en el árbol del sitio: esto es lo que sucede si se crea una página con el 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 structure-of-a-template

Hay dos aspectos que hay que tener en cuenta:

  • la estructura de la propia plantilla
  • la estructura del contenido producido cuando se utiliza una plantilla

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

Se pueden configurar varias propiedades, en particular:

  • jcr:título - 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) que se utiliza como base para el nodo de contenido de las páginas resultantes. Esto hace referencia a, mediante sling:resourceType, el componente que se utilizará para procesar el contenido real de una nueva página.

NOTE
AEM Para conocer los conceptos básicos de las plantillas y los componentes en las plantillas de, consulte los recursos que aparecen a continuación:

Una vez que tenga la comprensión básica de las plantillas y los componentes, consulte los siguientes recursos:

Recursos adicionales additional-resources

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

recommendation-more-help
2eeeb575-8007-40cc-a72d-206fbc4ddd4b