Interacción de la red troncal

La estructura básica es una biblioteca que ayuda a crear y seguir la arquitectura MVC en aplicaciones web. La idea básica de la red troncal es organizar la interfaz en vistas lógicas, respaldadas por modelos, cada uno de los cuales puede actualizarse independientemente cuando cambia el modelo, sin tener que volver a dibujar la página. Para obtener más información sobre la red troncal, consulte https://backbonejs.org.

Algunos conceptos clave son los siguientes:

Modelo de red troncal Contiene datos y la mayor parte de la lógica relacionada con estos datos.

vista de red troncal Se utiliza para representar el estado del modelo correspondiente. Una vista de red troncal se comporta realmente como un controlador, escuchando eventos de interfaz de usuario como clics de usuario o eventos de modelo (como los datos cambiados) y modifica la interfaz de usuario según corresponda.

Plantilla HTML Una plantilla de envoltorio que tiene marcadores de posición rellenados por el modelo.

Espacio de trabajo de AEM Forms Contiene varios componentes individuales. Cada componente:

  • Representa un solo elemento de interfaz de usuario lógico.
  • Puede ser una colección de componentes similares.
  • Se compone de modelo de red troncal, vista de red troncal y plantilla HTML.
  • Contiene una referencia a un servicio.
  • Contiene una referencia a las utilidades requeridas.

Cuando se inicializa un componente, se crean los siguientes objetos:

  • Se crea una nueva instancia del modelo de red troncal para el componente. El servicio se inyecta en el modelo.
  • Se crea una nueva instancia de vista de red troncal.
  • La instancia del modelo correspondiente, la plantilla HTML y las utilidades se insertan en la vista.

En la vista de la red troncal, hay un mapa de eventos que asigna los distintos eventos que pueden surgir debido a las interacciones de la interfaz de usuario con un controlador correspondiente. Esta asignación se inicia una vez que se inicializa un componente.

Cuando se inicializa una vista, la vista llama a su modelo correspondiente para recuperar datos del servidor. Una vez que todos los datos requeridos por una vista están disponibles, la vista procesa los datos en el formato especificado por la plantilla HTML. Varias vistas pueden compartir el mismo modelo para la comunicación.

Un ejemplo:

  1. El usuario hace clic en una plantilla de tarea en la lista de tarea.
  2. La vista de Tarea escucha el clic y llama a la función de procesamiento en el modelo de tarea.
  3. Posteriormente, el modelo de Tarea llama al servicio, que es un punto común para todas las comunicaciones con el servidor de AEM Forms.
  4. La clase de servicio llama al extremo REST de AEM Forms para el método de procesamiento mediante ajax.
  5. La llamada de retorno de éxito para esta invocación de Ajax se define en el modelo de tarea.
  6. El modelo de Tarea genera un evento de red troncal cuando se notifica que se ha completado la llamada de procesamiento.
  7. Otra vista de detalles de vista y tarea escucha este evento desde el modelo de tarea.
  8. La vista de detalles de Tarea cambia la plantilla de detalles de tarea para mostrar al usuario la tarea procesada (formulario, detalles, datos adjuntos, notas, etc.).

En esta página