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 והקשר ל-Plugin
התחלה מהירה
מפת דרכים ללמידה

מדריך

רישום FlowModel
יצירת FlowModel
רינדור FlowModel
FlowModel: זרימת אירועים וקונפיגורציה
FlowModel Persistence
FlowModel Lifecycle
מערכת הקונטקסט של FlowModel
מנגנון ריאקטיבי: Observable
FlowModel vs React.Component

Definitions

ModelDefinition
FlowDefinition
EventDefinition
ActionDefinition
StepDefinition
Previous Pageרישום FlowModel
Next Pageרינדור FlowModel
TIP

מסמך זה תורגם על ידי בינה מלאכותית. לכל אי דיוק, אנא עיין בגרסה האנגלית

#יצירת FlowModel

#כצומת שורש

#בניית מופע (Instance) של FlowModel

בנו מופע באופן מקומי

const model = engine.buildModel({
  uid: 'unique1',
  use: 'HelloModel',
});

#שמירת FlowModel

כאשר מופע שנבנה דורש שמירה מתמשכת (persistence), ניתן לשמור אותו באמצעות מתודת ה-save.

await model.save();

#טעינת FlowModel ממאגר מרוחק

מודל שנשמר ניתן לטעון באמצעות loadModel. מתודה זו תטען את עץ המודל המלא (כולל צומתי הבן):

await engine.loadModel(uid);

#טעינה או יצירה של FlowModel

אם המודל קיים, הוא ייטען; אחרת, הוא ייווצר ויישמר.

await engine.loadOrCreateModel({
  uid: 'unique1',
  use: 'HelloModel',
});

#רינדור FlowModel

const model = engine.buildModel({
  uid: 'unique1',
  use: 'HelloModel',
});
const model = await engine.loadModel(uid);
const model = await engine.loadOrCreateModel(options);

<FlowModelRenderer model={model} />

#כצומת בן

כאשר אתם צריכים לנהל את המאפיינים וההתנהגויות של מספר רכיבי משנה או מודולים בתוך מודל, עליכם להשתמש ב-SubModel. לדוגמה, בתרחישים כמו פריסות מקוננות, רינדור מותנה וכדומה.

#יצירת SubModel

מומלץ להשתמש ב-<AddSubModelButton />

כפתור זה מטפל באופן אוטומטי בנושאים כמו הוספה, קישור ושמירה של מודלי בן. לפרטים נוספים, ראו הוראות שימוש ב-AddSubModelButton.

#רינדור SubModel

model.mapSubModels('subKey', (subModel) => {
  return <FlowModelRenderer model={subModel} />;
});

#כ-ForkModel

Fork משמש בדרך כלל בתרחישים שבהם יש צורך לרנדר את אותה תבנית מודל במספר מיקומים (אך עם מצבים עצמאיים), לדוגמה, כל שורה בטבלה.

#יצירת ForkModel

const fork1 = model.createFork('key1', {});
const fork2 = model.createFork('key2', {});

#רינדור ForkModel

<FlowModelRenderer model={fork1} />
<FlowModelRenderer model={fork2} />