En este capítulo, aprenda a modelar contenido y a crear un esquema con Modelos de fragmento de contenido. Aprenderá los diferentes tipos de datos que se pueden usar para definir un esquema como parte del modelo.
En este capítulo se crean dos modelos simples, Equipo y Persona. La variable Equipo el modelo de datos tiene nombre, nombre corto y descripción, y hace referencia a la variable Persona modelo de datos, que tiene nombre completo, detalles de biografía, imagen de perfil y lista de ocupaciones.
También puede crear su propio modelo siguiendo los pasos básicos y modificar los pasos respectivos, como las consultas de GraphQL y el código de la aplicación React , o simplemente seguir los pasos descritos en estos capítulos.
Este es un tutorial de varias partes y se da por hecho que se ha configurado un AEM entorno de creación está disponible
Una configuración de proyecto contiene todos los modelos de fragmento de contenido asociados a un proyecto en particular y proporciona un medio para organizar los modelos. Se debe crear al menos un proyecto before crear nuevo modelo de fragmento de contenido.
Inicie sesión en el AEM Autor entorno (p. ej. https://author-pYYYY-eXXXX.adobeaemcloud.com/
)
En la pantalla Inicio de AEM, vaya a Herramientas > General > Explorador de configuración.
Haga clic en Crear.
En el cuadro de diálogo resultante, introduzca:
A continuación, cree dos modelos para un Equipo y Persona.
Cree un nuevo modelo para un Persona, que es el modelo de datos que representa a una persona que forma parte de un equipo.
En la pantalla Inicio de AEM, vaya a Herramientas > General > Modelos de fragmento de contenido.
Vaya a Mi proyecto carpeta.
Toque Crear en la esquina superior derecha para que aparezca la variable Crear modelo asistente.
Para Título de modelo introduzca: Persona y toque Crear.
Toque Apertura en el cuadro de diálogo resultante, para abrir el modelo recién creado.
Arrastre y suelte una Texto de una sola línea en el panel principal. Introduzca las siguientes propiedades en el Propiedades pestaña:
fullName
La variable Nombre de propiedad define el nombre de la propiedad que se mantiene en AEM. La variable Nombre de propiedad también define el key nombre para esta propiedad como parte del esquema de datos. Esta key se utilizará cuando los datos del fragmento de contenido se expongan mediante las API de GraphQL.
Toque . Tipos de datos y arrastre y suelte una Texto de varias líneas debajo del Nombre completo campo . Introduzca las siguientes propiedades:
biographyText
Haga clic en el Tipos de datos y arrastre y suelte una Referencia de contenido campo . Introduzca las siguientes propiedades:
profilePicture
/content/dam
Al configurar la variable Ruta raíz puede hacer clic en el botón carpeta para que aparezca un modal y seleccione la ruta. Esto restringirá las carpetas que los autores pueden utilizar para rellenar la ruta. /content/dam
es la raíz en la que se almacenan todos los recursos AEM (imágenes, vídeos, otros fragmentos de contenido).
Agregue una validación al Referencia de imagen para que solo los tipos de contenido Imágenes se puede utilizar para rellenar el campo .
Haga clic en el Tipos de datos y arrastre y suelte una Enumeración tipo de datos debajo de Referencia de imagen campo . Introduzca las siguientes propiedades:
occupation
Agregue varias Opciones usando la variable Agregar una opción botón. Use el mismo valor para Etiqueta de opción y Valor de opción:
Artista, Influenciador, Fotógrafo, Viajero, Escritor, YouTuber
El final Persona debería tener el siguiente aspecto:
Haga clic en Guardar para guardar los cambios.
Cree un nuevo modelo para un Equipo, que es el modelo de datos para un equipo de personas. El modelo de equipo hará referencia al modelo de persona para representar a los miembros del equipo.
En el Mi proyecto carpeta, toque Crear en la esquina superior derecha para que aparezca la variable Crear modelo asistente.
Para Título de modelo introduzca: Equipo y toque Crear.
Toque Apertura en el cuadro de diálogo resultante, para abrir el modelo recién creado.
Arrastre y suelte una Texto de una sola línea en el panel principal. Introduzca las siguientes propiedades en el Propiedades pestaña:
title
Toque . Tipos de datos y arrastre y suelte una Texto de una sola línea en el panel principal. Introduzca las siguientes propiedades en el Propiedades pestaña:
shortName
^[a-z0-9\-_]{5,40}$
: esto garantizará que solo se puedan introducir valores alfanuméricos en minúsculas y guiones entre 5 y 40 caracteres.La variable shortName
nos proporcionará una forma de consultar a un equipo individual en función de una ruta abreviada. La variable Único garantiza que el valor siempre será único por fragmento de contenido de este modelo.
Toque . Tipos de datos y arrastre y suelte una Texto de varias líneas debajo del Nombre corto campo . Introduzca las siguientes propiedades:
description
Haga clic en el Tipos de datos y arrastre y suelte una Referencia de fragmento campo . Introduzca las siguientes propiedades:
teamMembers
El final Equipo debería tener el siguiente aspecto:
Haga clic en Guardar para guardar los cambios.
Ahora debería tener dos modelos para trabajar:
Tras revisión y verificación, publique el Project Configuration
& Content Fragment Model
En la pantalla Inicio de AEM, vaya a Herramientas > General > Explorador de configuración.
Pulse la casilla de verificación situada junto a Mi proyecto y toque Publicación
En la pantalla Inicio de AEM, vaya a Herramientas > General > Modelos de fragmento de contenido.
Vaya a Mi proyecto carpeta.
Toque Persona y Equipo modelos y toque Publicación
¡Enhorabuena, acaba de crear sus primeros modelos de fragmento de contenido!
En el capítulo siguiente, Creación de modelos de fragmento de contenido, creará y editará un nuevo fragmento de contenido basado en un modelo de fragmento de contenido. También aprenderá a crear variaciones de fragmentos de contenido.