Modelli di app e componenti app-templates-and-components

NOTE
L’Adobe consiglia di utilizzare l’Editor SPA per i progetti che richiedono il rendering lato client basato su framework di applicazione a pagina singola (ad esempio, React). Ulteriori informazioni.

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.
NOTE
Per informazioni su come sviluppare l’applicazione Adobe Experience Manager (AEM) utilizzando CRXDE Lite, consulta Sviluppo con CRXDE Lite.

Un modello è la base di una pagina.

Per creare una pagina, è necessario copiare il modello (albero dei nodi) /apps/<myapp>/templates/<mytemplate>) alla posizione corrispondente nella struttura del sito: questo è ciò che accade se una pagina viene creata utilizzando Siti Web scheda.

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 sotto 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:descrizione : descrizione del modello; viene visualizzata nella finestra di dialogo durante la creazione di una pagina.

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

NOTE
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:

Risorse aggiuntive additional-resources

Per ulteriori informazioni sulle app per dispositivi mobili, consulta i collegamenti seguenti:

recommendation-more-help
2eeeb575-8007-40cc-a72d-206fbc4ddd4b