Types of Components

Sa määratled komponendid. Komponendid on andmekiht, mis ühendab UI-ga.

Kohandatud komponendid on blogipostitused, autorid, aadressid, kohandatud algandmed jne.

UI-komponendid on lihtsalt UI-elementidena märgistatud kohandatud komponendid, näiteks jalus, päis, kangelaseplokk jne.

Süsteemikomponendid on CMS-i poolt eeldefineeritud, näiteks riik ja keel.

Mis on UI-komponendid?

Lehed koosnevad rohkem kui ühest UI-komponendist.

Näited:

• kangelaseplokk
• funktsiooniplokk
• pildikarussell
• päis/jalus

Iga UI-komponent esindab sinu lehe üht jaotist.

UI-komponendi töövoog

1. Defineeri komponent (ploki struktuur) komponendiehitajas
2. Loo UI-komponent
3. Määra UI-komponent lehele
4. Renderda see kliendil, kasutades sobivat plokki plokiregistris ja renderdamise seadistuses

Näide: kangelaseploki skeem

Kangelaseplokk võib sisaldada:

• Pilt
• Pealkiri
• Alampealkiri

JSON-skeem redaktoris

[
  {
    "name": "heading",
    "type": "string",
    "required": false,
    "displayName": "heading"
  },
  {
    "name": "subtitle",
    "type": "string",
    "required": false,
    "displayName": "subtitle"
  },
  {
    "name": "hero_img",
    "type": "image",
    "required": false,
    "displayName": "hero_img"
  }
]

Administreerimispaneeli seadistus

• Loo uus plokk
• Ühenda skeem (HeroSchema)
• Pane plokile nimi (nt hero-block)

Ploki määramine lehele

• Mine administraatorpaneelis marsruudile
• Klõpsa Assign Page nupul
• Lisa äsja loodud plokk

Renderdamine kliendil

Kui plokk on määratud, saab selle hankida ja renderdada kliendipoolselt, kasutades sinu renderdamise seadistust.

Kokkuvõte

• Skeemid määratlevad plokkide struktuuri
• Plokid määratlevad lehe jaotisi
• Lehed koosnevad mitmest plokist
• Täielikult kohandatavad ja taaskasutatavad