Interazione dorsale

Backbone è una libreria che consente di creare e seguire l'architettura MVC nelle applicazioni Web. L'idea di base di Backbone consiste nell'organizzare l'interfaccia in viste logiche, affiancate da modelli, ciascuno dei quali può essere aggiornato indipendentemente quando il modello cambia, senza dover ridisegnare la pagina. Per ulteriori informazioni sulla dorsale, vedere https://backbonejs.org.

Alcuni concetti chiave sono i seguenti:

Backbone modelContiene i dati e la maggior parte della logica ad essi correlati.

Backbone viewUtilizzato per rappresentare lo stato del modello corrispondente. Una vista dorsale si comporta come un controller, ascoltando eventi dell'interfaccia utente come clic dell'utente o eventi del modello (come i dati modificati) e modificando l'interfaccia utente a seconda delle necessità.

HTML templateModello wrapper con segnaposto popolati dal modello.

​​area di lavoro AEM FormsContiene diversi componenti singoli. Ciascun componente:

  • Rappresenta un singolo elemento di interfaccia utente logico.
  • Può essere un insieme di componenti simili.
  • È costituito da un modello Backbone, una vista Backbone e un modello HTML.
  • Contiene un riferimento a un servizio.
  • Contiene un riferimento alle utility richieste.

Quando un componente viene inizializzato, vengono creati i seguenti oggetti:

  • Viene creata una nuova istanza del modello Backbone per il componente. Il servizio è inserito nel modello.
  • Viene creata una nuova istanza della vista Backbone.
  • Nella vista vengono inserite le istanze del modello, del modello HTML e delle utility corrispondenti.

Nella visualizzazione Backbone è presente una mappa evento che mappa i vari eventi che possono verificarsi a causa delle interazioni dell'interfaccia utente con un gestore corrispondente. Questa mappatura viene avviata una volta inizializzato un componente.

Quando una vista viene inizializzata, la vista richiama il modello corrispondente per recuperare i dati dal server. Quando tutti i dati richiesti da una visualizzazione sono disponibili, la visualizzazione esegue il rendering dei dati nel formato specificato dal modello HTML. Viste multiple possono condividere lo stesso modello per la comunicazione.

Esempio:

  1. L'utente fa clic su un modello di attività nell'elenco delle attività.
  2. La visualizzazione Attività ascolta il clic e richiama la funzione di rendering sul modello attività.
  3. Il modello di task chiama in seguito il servizio che è un punto comune per tutte le comunicazioni con server AEM Forms.
  4. Chiamate della classe di servizio endpoint REST di AEM Forms per il metodo di rendering tramite ajax.
  5. Il callback di riuscita per questa chiamata Ajax è definito nel modello attività.
  6. Il modello di task genera un evento dorsale come notifica del completamento della chiamata di rendering.
  7. Un'altra visualizzazione, la visualizzazione dei dettagli dell'attività, ascolta l'evento dal modello dell'attività.
  8. La visualizzazione Dettagli attività modifica quindi il modello dei dettagli dell'attività per visualizzare all'utente l'attività di cui è stato effettuato il rendering (modulo, dettagli, allegati, note e così via).

In questa pagina