logologo
Початок
Посібник
Розробка
Плагіни
API
English
简体中文
日本語
한국어
Deutsch
Français
Español
Português
Русский
Italiano
Türkçe
Українська
Tiếng Việt
Bahasa Indonesia
ไทย
Polski
Nederlands
Čeština
العربية
עברית
हिन्दी
Svenska
Початок
Посібник
Розробка
Плагіни
API
logologo

Вступ

Що таке FlowEngine?
FlowEngine та плагіни
Швидкий старт
План навчання

Посібник

Реєстрація FlowModel
Створення FlowModel
Рендеринг FlowModel
Потік подій та конфігурація FlowModel
Збереження FlowModel
Життєвий цикл FlowModel
Система контексту FlowModel
Реактивний механізм: Observable
FlowModel vs React.Component

Визначення

ModelDefinition
FlowDefinition
EventDefinition
ActionDefinition
StepDefinition
Next PageFlowEngine та плагіни
Повідомлення про переклад ШІ

Ця документація була автоматично перекладена штучним інтелектом.

#Що таке FlowEngine?

FlowEngine — це новий безкодовий/малокодовий рушій для фронтенд-розробки, представлений у NocoBase 2.0. Він поєднує Моделі (Model) та Потоки (Flow), щоб спростити фронтенд-логіку, покращити можливість повторного використання та зручність підтримки. Водночас, завдяки конфігурованості Потоків, він надає можливості безкодової конфігурації та оркестрації для фронтенд-компонентів та бізнес-логіки.

#Чому він називається FlowEngine?

Тому що у FlowEngine властивості та логіка компонента більше не визначаються статично, а керуються та приводяться в дію за допомогою Потоків (Flow).

  • Потік (Flow), подібно до потоку даних, розбиває логіку на впорядковані кроки (Step), які послідовно застосовуються до компонента.
  • Рушій (Engine) означає, що це рушій, який керує фронтенд-логікою та взаємодіями.

Отже, FlowEngine = Рушій фронтенд-логіки, керований Потоками.

#Що таке Модель?

У FlowEngine Модель є абстрактною моделлю компонента, яка відповідає за:

  • Керування властивостями (Props) та станом компонента.
  • Визначення методу відображення компонента.
  • Розміщення та виконання Потоків (Flow).
  • Уніфіковану обробку диспетчеризації подій та життєвих циклів.

Іншими словами, Модель — це логічний мозок компонента, який перетворює його зі статичного блоку на конфігурований та оркестрований динамічний блок.

#Що таке Потік?

У FlowEngine Потік — це логічний потік, який обслуговує Модель. Його призначення:

  • Розбивати логіку властивостей або подій на кроки (Step) та виконувати їх послідовно у потоці.
  • Керувати змінами властивостей, а також реакціями на події.
  • Робити логіку динамічною, конфігурованою та повторно використовуваною.

#Як зрозуміти ці концепції?

Ви можете уявити Потік (Flow) як потік води:

  • Крок (Step) схожий на вузол вздовж потоку води Кожен Крок виконує невелике завдання (наприклад, встановлення властивості, запуск події, виклик API), так само як потік води має певний ефект, коли він проходить через шлюз або водяне колесо.

  • Потоки є упорядкованими Потік води рухається за заздалегідь визначеним шляхом від верхів'я до низов'я, послідовно проходячи через усі Кроки; аналогічно, логіка у Потоці виконується у визначеному порядку.

  • Потоки можуть розгалужуватися та об'єднуватися Потік води може розділятися на кілька менших потоків або зливатися; Потік також може розбиватися на кілька підпотоків або об'єднуватися у складніші логічні ланцюжки.

  • Потоки є конфігурованими та керованими Напрямок та об'єм потоку води можна регулювати за допомогою шлюзу; метод виконання та параметри Потоку також можна контролювати за допомогою конфігурації (stepParams).

Підсумок аналогії

  • Компонент схожий на водяне колесо, яке потребує потоку води, щоб обертатися.
  • Модель (Model) — це основа та контролер цього водяного колеса, що відповідає за прийом потоку води та керування його роботою.
  • Потік (Flow) — це той самий потік води, який послідовно проходить через кожен Крок (Step), змушуючи компонент постійно змінюватися та реагувати.

Отже, у FlowEngine:

  • Потоки (Flow) дозволяють логіці рухатися природно, як потік води.
  • Моделі (Model) дозволяють компонентам стати носіями та виконавцями цього потоку.