Komponenter - översikt components-overview

På den här sidan finns en översikt över Adobe Experience Manager (AEM) komponenter som används för att skapa sidor.

Vad är komponenter? what-exactly-is-a-component

  • Modulära enheter som utnyttjar specifika funktioner för att presentera innehållet på webbplatsen.
  • Kan återanvändas.
  • Utvecklas som självständiga enheter i en mapp i databasen.
  • Har inga dolda konfigurationsfiler.
  • Kan innehålla andra komponenter.
  • Kan köras var som helst i alla AEM. De kan också begränsas till att köras under specifika komponenter.
  • ha ett standardiserat användargränssnitt.
  • Har redigeringsbeteende som kan konfigureras.
  • Använda dialogrutor som är byggda med delelement som är baserade på GRÄNSSNITTSkomponenter i Granite
  • utvecklas med HTL (rekommenderas) eller JSP.
  • Kan utvecklas för att skapa anpassade komponenter som utökar standardfunktionerna.

Eftersom komponenterna är modulära kan du:

  • Utveckla en ny komponent på den lokala instansen.
  • Driftsätt den i testmiljön.
  • Distribuera det till redigeringsmiljön där författare och/eller administratörer kan lägga till och konfigurera innehåll.
  • Distribuera den i publiceringsmiljön där de används för att återge innehåll för besökare på webbplatsen. Vissa komponenter, till exempel för Communities, accepterar även indata från dina användare.

Varje AEM:

  • Är en resurstyp.
  • Är en samling skript som helt och hållet realiserar en viss funktion.
  • Kan fungera i isolering, det vill säga antingen i AEM eller i en portal.

Färdiga komponenter i AEM out-of-the-box-components-within-aem

AEM har en mängd olika färdiga komponenter som ger omfattande funktionalitet, bland annat:

  • Styckesystem ( parsys)
  • Sida ( responsivegrid - endast användargränssnitt med pekfunktion)
  • Text
  • Bild, med medföljande text
  • Verktygsfält

Komponenterna som tillhandahålls och deras användning i exempel på webbsidor för webbbutiker illustrera hur du implementerar och använder komponenter. Komponenterna levereras med all källkod och kan användas som de är eller som startpunkter för ändrade eller utökade komponenter.

Kärnkomponenter och grundkomponenter core-components-and-foundation-components

Det finns två uppsättningar AEM komponenterna som tillhandahålls av Adobe:

Kärnkomponenter introducerades med AEM 6.3 och erbjuder flexibla och funktionsrika redigeringsfunktioner. The Referensplats för Vi.butik visar hur kärnkomponenterna kan användas och visar de bästa metoderna för komponentutveckling.

Foundation Components har varit tillgängliga med AEM i många versioner och finns i en AEM standardinstallation. Även om de flesta fortfarande stöds har de tagits bort, förbättrats inte längre och baseras på äldre tekniker.

NOTE
Kärnkomponenter är de bästa metoderna för komponentdesign och -utveckling och fungerar som referensimplementationer.
Verktyg för AEM kan hjälpa dig att migrera till kärnkomponenter.

Visa tillgängliga komponenter viewing-available-components

Om du vill se en översikt över alla tillgängliga komponenter i AEM ska du använda Komponentkonsol.

Du kan också använda CRXDE Lite för att få en lista över alla komponenter som är tillgängliga i databasen.

  1. I CRXDE Lite, markera Tools från verktygsfältet och sedan Query som öppnar Query -fliken.

  2. I Query flik, välja XPath as Type.

  3. I Query indatafält, ange följande sträng:

    //element(*, cq:Component)

  4. Klicka Execute och komponenterna visas.

Ytterligare resurser further-reading

På följande sidor finns mer detaljerad information om hur du utvecklar dessa - och andra - komponenter:

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2