Komponentų tipai

Jūs apibrėžiate komponentus. Komponentai yra duomenų sluoksnis, kuris susijungia su vartotojo sąsaja (UI).

Tinkinti komponentai yra tinklaraščio įrašai, autoriai, adresai, individualūs neapdoroti duomenys ir pan.

UI komponentai yra tiesiog tinkinti komponentai, pažymėti kaip UI elementai, poraštė, antraštė, hero ir kt.

Sisteminiai komponentai yra iš anksto apibrėžti CMS, pavyzdžiui, šalis ir kalba.

Kas yra UI komponentai?

Puslapiai sudaryti iš daugiau nei vieno UI komponento.

Pavyzdžiai:

• hero blokas
• funkcijų blokas
• vaizdų karuselė
• antraštė/poraštė

Kiekvienas UI komponentas atvaizduoja jūsų puslapio sekciją.

UI komponento darbo eiga

1. Apibrėžkite komponentą (bloko struktūrą) komponentų kūrimo priemonėje
2. Sukurkite UI komponentą
3. Priskirkite UI komponentą puslapiui
4. Atvaizduokite jį kliento pusėje naudodami tinkamą bloką blokų registre ir atvaizdavimo konfigūracijoje

Pavyzdys: hero bloko schema

Hero blokas gali turėti:

• Vaizdą
• Antraštę
• Paantraštę

JSON schema redaktoriuje

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

Administratoriaus skydelio konfigūracija

• Sukurkite naują bloką
• Priskirkite schemą (HeroSchema)
• Pavadinkite bloką (pvz., hero-block)

Priskirkite bloką puslapiui

• Eikite į maršrutą administratoriaus skydelyje
• Spustelėkite Priskirti puslapį
• Pridėkite naujai sukurtą bloką

Atvaizdavimas kliento pusėje

Kai blokas priskirtas, jį galima gauti ir atvaizduoti kliento pusėje, naudojant jūsų atvaizdavimo konfigūraciją.

Santrauka

• Schemos apibrėžia blokų struktūrą
• Blokai apibrėžia puslapio sekcijas
• Puslapiai sudaryti iš kelių blokų
• Visiškai pritaikoma ir pakartotinai naudojama