Modelli e componenti per app

NOTA

Adobe consiglia di utilizzare l’editor di SPA per i progetti che richiedono il rendering lato client basato sul framework di un’applicazione a pagina singola (ad esempio, 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 presenta una selezione di componenti disponibili per l’uso.

I modelli sono costituiti da 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 CRXDE Lite, consulta 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 nell'albero del sito: questo è ciò che accade se una pagina viene creata utilizzando Siti Web scheda .

Questa azione di copia dà alla pagina anche il suo contenuto iniziale (di solito solo contenuto di livello principale) e la proprietà sling:resourceType, il percorso del componente della pagina che viene utilizzato per eseguire il rendering della pagina (tutto nel nodo figlio jcr:content).

Struttura di un modello

Ci sono due aspetti da considerare:

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 varie proprietà, in particolare:

jcr:title - titolo del 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 a jcr:content (cq:PageContent) nodo utilizzato come base per il nodo del contenuto delle pagine risultanti; riferimenti, utilizzando sling:resourceType, il componente da utilizzare per il rendering del contenuto effettivo di una nuova pagina.

NOTA

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

Dopo aver acquisito le nozioni di base su Modelli e componenti, consulta le risorse seguenti: