Types of Components

Definești componente. Componentele reprezintă stratul de date care se conectează cu interfața de utilizator (UI).

Componentele personalizate sunt articole de blog, autori, adrese, date brute personalizate etc.

Componentele UI sunt doar componente personalizate marcate drept elemente UI, footer, header, hero etc.

Componentele de sistem sunt predefinite de CMS drept Țară și Limbă.

Ce sunt componentele UI?

Paginile sunt compuse din mai mult de o componentă UI.

Exemple:

• hero-block
• feature-block
• image-carousel
• header/footer

Fiecare componentă UI reprezintă o secțiune din pagina ta.

Fluxul de lucru al componentelor UI

1. Definește o componentă (structura blocului) în constructorul de componente
2. Creează componenta UI
3. Alocă componenta UI unei pagini
4. Redă-o pe partea de client folosind blocul corespunzător din registrul de blocuri și configurația renderer-ului

Exemplu: Schema blocului Hero

Un bloc hero poate conține:

• Imagine
• Titlu
• Subtitlu

Schema JSON în editor

[
  {
    "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"
  }
]

Configurare în panoul de administrare

• Creează un bloc nou
• Atașează schema (HeroSchema)
• Denumește blocul (de ex., hero-block)

Alocă blocul unei pagini

• Accesează o rută în panoul de administrare
• Apasă pe Assign Page
• Adaugă blocul creat recent

Randare pe partea de client

După ce este alocat, blocul poate fi preluat și redat pe partea de client folosind configurația renderer-ului.

Rezumat

• Schemele definesc structura blocurilor
• Blocurile definesc secțiuni ale unei pagini
• Paginile sunt compuse din multiple blocuri
• Complet personalizabile și reutilizabile