Panoramica dei componenti components-overview
Questa pagina fornisce una panoramica dei componenti di Adobe Experience Manager (AEM) come quelli utilizzati per l’authoring delle pagine.
Cosa sono i Componenti? what-exactly-is-a-component
- Unità modulari che realizzano funzionalità specifiche per presentare i contenuti sul sito web.
- Riutilizzabili.
- Sviluppati come unità autonome all’interno di una cartella dell’archivio.
- Non sono presenti file di configurazione nascosti.
- Possono contenere altri componenti.
- Può essere eseguito ovunque all'interno di qualsiasi sistema AEM. Possono anche essere limitati all’esecuzione in componenti specifici.
- Hanno un’interfaccia utente standard.
- Hanno un comportamento di modifica configurabile.
- Utilizzano le finestre di dialogo create utilizzando elementi secondari basati sui componenti dell’interfaccia utente Granite
- Sono sviluppati utilizzando HTL (consigliato) o JSP.
- Possono essere sviluppati per creare componenti personalizzati che estendono la funzionalità predefinita.
Poiché i componenti sono modulari, puoi:
- Sviluppare un nuovo componente nell’istanza locale.
- Distribuirlo nell’ambiente di test.
- Distribuirlo nel tuo ambiente di authoring live, dove gli autori e/o gli amministratori possono aggiungere e configurare contenuti.
- Distribuirlo negli ambienti di pubblicazione live, dove viene utilizzata per il rendering dei contenuti per i visitatori del sito web. Alcuni componenti, ad esempio per Communities, accettano anche l’input degli utenti.
Ogni componente AEM:
- È un tipo di risorsa.
- È un insieme di script che realizzano completamente una funzione specifica.
- Ingresso isolamento, ovvero all’interno di AEM o di un portale.
Componenti out-of-the-box in AEM out-of-the-box-components-within-aem
AEM viene fornito con una varietà di componenti predefiniti che forniscono funzionalità complete, tra cui:
- Sistema paragrafo (
parsys
) - Pagina (
responsivegrid
- solo interfaccia touch) - Testo
- Immagine, con testo di accompagnamento
- Barra degli strumenti
I componenti forniti e il loro utilizzo all’interno della siti web di esempio We.Retail In vengono illustrate le modalità di implementazione e utilizzo dei componenti. I componenti sono forniti con tutto il codice sorgente e possono essere utilizzati così come sono o come punti di partenza per i componenti modificati o estesi.
Componenti core e componenti di base core-components-and-foundation-components
Sono disponibili due set di componenti AEM forniti da Adobe:
Componenti core sono stati introdotti con AEM 6.3 e offrono funzionalità di authoring flessibili e avanzate. La Sito di riferimento We.Retail illustra come utilizzare i componenti core e rappresentano le best practice correnti per lo sviluppo dei componenti.
Componenti di base sono disponibili con AEM per molte versioni e sono disponibili in un’installazione standard AEM. Sebbene ancora supportato, la maggior parte è stata dichiarata obsoleta, non viene più migliorata e si basa su tecnologie legacy.
Visualizzazione dei componenti disponibili viewing-available-components
Per una panoramica di tutti i componenti disponibili nell’istanza di AEM, utilizza la funzione Console Componenti.
In alternativa, è possibile utilizzare CRXDE Lite per ottenere un elenco di tutti i componenti disponibili nell’archivio.
-
In CRXDE Lite, seleziona Strumenti dalla barra degli strumenti, quindi Query, che apre la scheda Query.
-
Nella scheda Query, seleziona
XPath
come Tipo. -
Nel campo di inserimento Query, immetti la stringa seguente:
//element(*, cq:Component)
-
Fai clic su Esegui e i componenti verranno elencati.
Risorse aggiuntive further-reading
Le pagine seguenti forniscono informazioni più dettagliate sullo sviluppo di questi e altri componenti:
-
Interfaccia classica