DokumentationAEM 6.4Användarhandbok om utveckling

Dynamisk mappning av modell till komponent för SPA dynamic-model-to-component-mapping-for-spas

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • Developer
CAUTION
AEM 6.4 har nått slutet på den utökade supporten och denna dokumentation är inte längre uppdaterad. Mer information finns i teknisk supportperiod. Hitta de versioner som stöds här.

I det här dokumentet beskrivs hur den dynamiska mappningen av modell till komponent sker i Javascript SPA SDK för AEM.

NOTE
Funktionen SPA (Single-Page Application Editor) kräver AEM 6.4 Service Pack 2 eller senare.
SPA Editor är den rekommenderade lösningen för projekt som kräver SPA ramverksbaserad återgivning på klientsidan (t.ex. Reaktion eller Angular).

ComponentMapping-modul componentmapping-module

The ComponentMapping -modulen tillhandahålls som ett NPM-paket till frontendprojektet. Det lagrar komponenter för användargränssnitt och tillhandahåller ett sätt för Single Page Application att mappa komponenter för användargränssnitt till AEM resurstyper. Detta aktiverar en dynamisk upplösning för komponenter när JSON-modellen för programmet analyseras.

Varje objekt i modellen innehåller en :type fält som visar en AEM resurstyp. När den är monterad kan den främre komponenten återge sig själv med det fragment av modellen som den har fått från de underliggande biblioteken.

Se SPA Blueprint -dokument om du vill ha mer information om modellparsning och frontdelens åtkomst till modellen.

Se även npm-paketet: https://www.npmjs.com/package/@adobe/aem-spa-component-mapping

Modellstyrt Single Page-program model-driven-single-page-application

Single Page-program som använder Javascript SPA SDK för AEM är modelldrivna:

  1. Front-end-komponenter registrerar sig för Komponentmappningsarkiv.

  2. Sedan Behållare, efter att ha fått en modell av Modellprovider, itererar över sitt modellinnehåll ( :items).

  3. För en sida, dess underordnade sidor ( :children) hämta först en komponentklass från Komponentmappning och sedan instansiera den.

Programinitiering app-initialization

Varje komponent utökas med funktionerna i ModelProvider. Initieringen har därför följande allmänna form:

  1. Varje modellprovider initierar sig själv och lyssnar efter ändringar som gjorts i den del av modellen som motsvarar dess inre komponent.

  2. The PageModelManager måste initieras så som representeras av initieringsflöde.

  3. När sidmodellhanteraren har lagrats returnerar den hela appmodellen.

  4. Den här modellen skickas sedan till frontendroten Behållare -komponenten i programmet.

  5. Delar av modellen sprids slutligen till varje enskild underordnad komponent.

app_model_initialization

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e