Show Menu
ARGOMENTI×

Modelli e componenti app

Adobe consiglia di utilizzare SPA Editor 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.
Per informazioni su come sviluppare l’applicazione AEM con 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 nella struttura del sito: questo 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) da utilizzare 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.
Per informazioni di base per modelli e componenti in AEM, consulta le risorse seguenti:
Dopo aver compreso i modelli e i componenti di base, consulta le risorse seguenti:

Additional Resources

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