#סקירה כללית על הרחבות בלוקים

ב-NocoBase 2.0, מנגנון הרחבת הבלוקים פושט משמעותית. מפתחים צריכים רק לרשת את מחלקת הבסיס המתאימה של FlowModel וליישם את שיטות הממשק הקשורות (בעיקר את שיטת renderComponent()) כדי להתאים אישית בלוקים במהירות.

#קטגוריות בלוקים

NocoBase מקטלגת בלוקים לשלושה סוגים, המוצגים בקבוצות בממשק התצורה:

• בלוקי נתונים: בלוקים היורשים מ-DataBlockModel או CollectionBlockModel
• בלוקי סינון: בלוקים היורשים מ-FilterBlockModel
• בלוקים אחרים: בלוקים היורשים ישירות מ-BlockModel

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

#תיאור מחלקות הבסיס

המערכת מספקת ארבע מחלקות בסיס להרחבות:

#BlockModel

מודל בלוק בסיסי, מחלקת הבסיס הכללית ביותר לבלוקים.

• מתאים לבלוקים המיועדים לתצוגה בלבד ואינם תלויים בנתונים.
• ישויך לקבוצת בלוקים אחרים.
• ישים לתרחישים מותאמים אישית.

#DataBlockModel

מודל בלוק נתונים (לא קשור לטבלת נתונים), מיועד לבלוקים עם מקורות נתונים מותאמים אישית.

• אינו קשור ישירות לטבלת נתונים, ניתן להתאים אישית את לוגיקת אחזור הנתונים.
• ישויך לקבוצת בלוקי נתונים.
• ישים ל: קריאה ל-API חיצוניים, עיבוד נתונים מותאם אישית, תרשימים סטטיסטיים, וכדומה.

#CollectionBlockModel

מודל בלוק אוסף, לבלוקים שצריכים להיות קשורים לטבלת נתונים.

• מחלקת בסיס מודל הדורשת קישור לטבלת נתונים.
• ישויך לקבוצת בלוקי נתונים.
• ישים ל: רשימות, טפסים, לוחות קנבן, ובלוקים אחרים התלויים באופן מובהק בטבלת נתונים ספציפית.

#FilterBlockModel

מודל בלוק סינון, המשמש לבניית בלוקים של תנאי סינון.

• מחלקת בסיס מודל לבניית תנאי סינון.
• ישויך לקבוצת בלוקי סינון.
• בדרך כלל פועל בשילוב עם בלוקי נתונים.

#איך לבחור מחלקת בסיס

בעת בחירת מחלקת בסיס, אתם יכולים לפעול לפי העקרונות הבאים:

• צריכים לקשור לטבלת נתונים מסוימת: תנו עדיפות ל-CollectionBlockModel.
• מקור נתונים מותאם אישית: בחרו ב-DataBlockModel.
• לצורך הגדרת תנאי סינון ועבודה בשילוב עם בלוקי נתונים: בחרו ב-FilterBlockModel.
• לא בטוחים איך לסווג: בחרו ב-BlockModel.

#התחלה מהירה

יצירת בלוק מותאם אישית דורשת רק שלושה שלבים:

1. רשת את מחלקת הבסיס המתאימה (לדוגמה, BlockModel)
2. יישמו את שיטת renderComponent() כדי להחזיר רכיב React
3. רשמו את מודל הבלוק בתוסף

לדוגמאות מפורטות, עיינו ב-כתיבת תוסף בלוקים.