Componenten maken
- Onderwerpen:
- Screens ontwikkelen
Gemaakt voor:
- Beheerder
- Ontwikkelaar
AEM componenten worden gebruikt om de inhoud die op uw webpagina's beschikbaar is, vast te houden, op te maken en weer te geven.
Kanalen ontwerpen
Het kanaal is het centrale object van inhoud dat aan een set weergaven wordt geleverd. Daarom zou een inhoudauteur typisch een kanaal in de redacteur openen om inhoud toe te voegen of te wijzigen. Aangezien het Kanaal a cq is:Pagina het het zelfde traditionele patroon van UX zal volgen om componenten op het kanaal toe te voegen en te veranderen.
Aangezien componenten in een kanaal doorgaans echter op volledig scherm worden weergegeven, heeft het schrijven van deze functie echter nadelige gevolgen wanneer wordt geprobeerd afzonderlijke componenten te bewerken of nieuwe bestellingen samen te stellen. Daarom zal het kanaal zich op selecteurs baseren om verschillende meningen van de componenten terug te geven. De ontwerpomgeving gebruikt de bewerkingskiezer om de rendering van aangepaste kanalen te activeren.
Bijvoorbeeld: http://localhost:4502/editor.html/content/screens/we-retail/channels/idle.edit.html](http://localhost:4502/editor.html/content/screens/we-retail/channels/idle.edit.html
De gebruiker hoeft tijdens het bewerken geen kiezer aan de URL toe te voegen. Een cliënt zijlogica luistert aan de gebeurtenis van de laagschakelaar en voegt de selecteur toe als het kanaal het specifieke middeltype schermen/kern/componenten/kanaal heeft.
Componenten renderen
Om behoorlijk creatie toe te laten, moeten de componenten de volgende twee teruggaven verstrekken:
Component | Vertoningen |
---|---|
my-component/my-component.html | productierendering |
my-component/edit.html | rendering bewerken in een kleinere weergave |
De ingebouwde componenten gebruiken de volgende categorieën van de cliëntbibliotheek:
Component | de Bibliotheek van de Cliënt |
---|---|
cq.screens.components.edit | CSS en JS die tijdens het ontwerpen moeten worden geladen |
cq.screens.components.production | CSS en JS die moeten worden geladen wanneer het kanaal wordt uitgevoerd |
cq.screens.components | gedeelde CSS en JS |