Типове компоненти

Вие дефинирате компоненти. Компонентите са слоят данни, който се свързва с потребителския интерфейс.

Персонализираните компоненти са блог публикации, автори, адреси, персонализирани сурови данни и т.н.

UI компонентите са просто персонализирани компоненти, маркирани като елементи на потребителския интерфейс, като долен колонтитул, горен колонтитул, hero секция и т.н.

Системните компоненти са предварително дефинирани от CMS, като държава и език.

Какво представляват UI компонентите?

Страниците се състоят от повече от един UI компонент.

Примери:

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

Всеки UI компонент представя секция от вашата страница.

Работен процес за UI компонент

1. Дефинирайте компонент (структурата на блока) в конструктора на компоненти
2. Създайте UI компонента
3. Присвоете UI компонента на страница
4. Визуализирайте го на клиента с подходящ блок в регистъра на блокове и настройката на рендъра

Пример: схема на блок Hero

Един hero блок може да съдържа:

• Изображение
• Заглавие
• Подзаглавие

Json схема в редактора

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

Настройка на администраторския панел

• Създайте нов блок
• Прикачете схемата (HeroSchema)
• Назовете блока (например hero-block)

Присвояване на блок към страница

• Отидете до маршрут в администраторския панел
• Щракнете върху Assign Page
• Добавете новосъздадения блок

Визуализация на клиента

След като бъде присвоен, блокът може да бъде извлечен и визуализиран от страна на клиента, като използвате вашата конфигурация на рендъра.

Обобщение

• Схемите определят структурата на блоковете
• Блоковете определят секциите на страница
• Страниците се състоят от множество блокове
• Напълно персонализируеми и многократно използваеми