Типы Компонентов

Вы определяете компоненты. Компоненты — это уровень данных, который соединяется с пользовательским интерфейсом.

Пользовательские компоненты  — это записи блога, авторы, адреса, произвольные исходные данные и т. д. Компоненты 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)

Назначение блока странице

• Перейдите к маршруту в панели администратора