Modelli di app e componenti app-templates-and-components
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 i widget e ne consentono l’accesso; questi vengono utilizzati per eseguire il rendering del contenuto.
Un modello è la base di una pagina.
Per creare una pagina, è necessario copiare il modello (albero dei nodi /apps/<myapp>/templates/<mytemplate>) nella posizione corrispondente nell'albero del sito: questo è ciò che accade se si crea una pagina utilizzando la scheda Siti Web.
Questa azione di copia fornisce anche alla pagina il suo contenuto iniziale (in genere solo Contenuto di primo livello) e la proprietà sling:resourceType, il percorso del componente pagina utilizzato per il rendering della pagina (tutto ciò che si trova nel nodo figlio jcr:content).
Struttura di un modello structure-of-a-template
Vi sono due aspetti da considerare:
- la struttura del modello stesso
- la struttura del contenuto prodotto quando viene utilizzato un modello
Un modello viene creato in un nodo di tipo cq:Template.
È possibile impostare varie proprietà, in particolare:
- jcr:title - titolo del modello; viene visualizzato nella finestra di dialogo durante la creazione di una pagina.
- jcr:description - descrizione del modello; viene visualizzato nella finestra di dialogo durante la creazione di una pagina.
Questo nodo contiene un nodo jcr:content (cq:PageContent) che viene 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.
Dopo aver acquisito le nozioni di base su Modelli e componenti, consulta le risorse seguenti:
Risorse aggiuntive additional-resources
Per ulteriori informazioni sulle app per dispositivi mobili, consulta i collegamenti seguenti: