Modelli e componenti app

NOTA

Adobe consiglia di utilizzare l'editor SPA per i progetti che richiedono il rendering lato client basato sul framework dell'applicazione a pagina singola (ad es. React). Per saperne di più.

Un modello viene utilizzato per creare una pagina e definisce quali componenti possono essere utilizzati all’interno dell’ambito selezionato. Un modello è una gerarchia di nodi con la stessa struttura della pagina da creare, ma senza alcun contenuto effettivo.

Ogni modello vi presenta una selezione di componenti disponibili per l’uso.

  • I modelli sono composti di Componenti;
  • I componenti utilizzano e consentono l'accesso ai Widget e questi vengono utilizzati per il rendering del contenuto.
NOTA

Per informazioni su come sviluppare l'applicazione AEM utilizzando il CRXDE Lite, vedere Sviluppo con CRXDE Lite.

Un modello è la base di una pagina.

Per creare una pagina, il modello deve essere copiato (node-tree /apps/<myapp>/templates/<mytemplate>) nella posizione corrispondente nella struttura del sito: questo è ciò che accade se una pagina viene creata utilizzando la scheda Siti Web.

Questa azione di copia assegna alla pagina anche il contenuto iniziale (in genere Contenuto di livello principale) e la proprietà sling:resourceType, il percorso del componente della pagina utilizzato per eseguire il rendering della pagina (tutto nel nodo figlio jcr:content).

Struttura di un modello

Occorre considerare due aspetti:

  • la struttura del modello stesso
  • la struttura del contenuto prodotto quando viene utilizzato un modello

Un modello viene creato sotto un nodo di tipo cq:Template.

È possibile impostare diverse proprietà, in particolare:

  • jcr:title - title per il modello; viene visualizzata nella finestra di dialogo durante la creazione di una pagina.
  • jcr:description - descrizione del modello; viene visualizzata nella finestra di dialogo durante la creazione di una pagina.

Questo nodo contiene un nodo jcr:content (cq:PageContent) che può essere utilizzato come base per il nodo di contenuto delle pagine risultanti; questo fa riferimento, utilizzando sling:resourceType, al componente da utilizzare per il rendering del contenuto effettivo di una nuova pagina.

NOTA

Per informazioni di base sui modelli e componenti in AEM, consulta le risorse seguenti:

Dopo aver compreso i modelli e i componenti di base, consulta le risorse seguenti:

Risorse aggiuntive

Per ulteriori informazioni su argomenti aggiuntivi sulle app mobili, consulta i collegamenti di seguito:

In questa pagina

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free