انتقل إلى المحتوى

مولّد مخططات الأصناف

اكتب كود classDiagram مع الأصناف والأعضاء والعلاقات وشاهد مخطط UML فورًا.

تتم المعالجة محليًا في متصفحك

الخيارات
0 حرف · 0 سطر
ستظهر النتيجة هنا.

ما هي أداة مولّد مخططات الأصناف؟

يوثّق مخطط أصناف UML بنية نموذج كائني التوجه: الأصناف بخصائصها ودوالّها، والعلاقات بينها مثل الوراثة والتركيب والتجميع والارتباط مع التعددية.

تعرض هذه الأداة كود Mermaid من نوع classDiagram، ويعرض المثال أصلًا شجرة وراثة وارتباطًا مسمّى. يُدرج خيار الاتجاه (من الأعلى للأسفل، من اليسار لليمين، من الأسفل للأعلى، من اليمين لليسار) عبارة "direction" في الكود أو يستبدلها بأمان، ويغيّر خيار السمة الألوان. وتُبلَّغ أخطاء الصياغة مع السطر والعنصر المتوقع.

كيف تعمل؟

  1. عدّل كود classDiagram: عرّف كل صنف بكتلة { } وعضوًا واحدًا في كل سطر.
  2. أضف علاقات مثل "Animal <|-- Dog" أو "Owner \"1\" --> \"*\" Animal : owns".
  3. اختر اتجاه التخطيط والسمة.
  4. صدّر المخطط بصيغة SVG أو PNG لوثائق التصميم والعروض.

حالات الاستخدام الشائعة

  • توثيق نموذج المجال لخدمة داخل وثيقة تصميم.
  • شرح تسلسل وراثة أو نمط تصميم لأعضاء الفريق.
  • رسم الأصناف قبل كتابة الشيفرة ثم حفظ مصدر Mermaid في المستودع.
  • إعداد أشكال UML لواجب دراسي أو مقال تقني.

أمثلة

جرّب هذا المدخل في الأداة أعلاه:

classDiagram
    direction TB
    class Animal {
        +String name
        +int age
        +makeSound() void
    }
    class Dog {
        +fetch() void
    }
    class Cat {
        +climb() void
    }
    class Owner {
        +String name
        +adopt(Animal pet) void
    }
    Animal <|-- Dog
    Animal <|-- Cat
    Owner "1" --> "*" Animal : owns

الخصوصية

تعمل أداة مولّد مخططات الأصناف بالكامل داخل متصفحك. يُعالَج النص أو الملفات التي تقدّمها على جهازك ولا تُرفع ولا تُسجَّل ولا تُخزَّن على خوادمنا.

القيود

تحتاج هذه الأداة إلى كود Mermaid من نوع classDiagram؛ لا يوجد اختصار نصي بسيط للأصناف. ينفّذ Mermaid مجموعة عملية جزئية من UML ولا يتحقق من صحة نموذجك دلاليًا.

الأسئلة الشائعة

ما أسهم العلاقات المتاحة؟

‎<|--‎ وراثة، ‎*--‎ تركيب، ‎o--‎ تجميع، ‎-->‎ ارتباط، ‎--‎ رابط، ‎..>‎ اعتماد، ‎..|>‎ تحقيق، و‎..‎ رابط متقطع. أضف التسميات بعد نقطتين والتعددية بين علامتي اقتباس.

كيف أحدد مستوى الرؤية؟

ابدأ الأعضاء بـ + للعام و- للخاص و# للمحمي و~ للحزمة. أضف () لجعل العضو دالة، مثل +makeSound() void.

ماذا يغيّر خيار الاتجاه؟

يضبط سطر "direction" داخل classDiagram (TB أو BT أو LR أو RL). وإن لم يكن في كودك سطر كهذا فيُضاف مباشرة بعد الكلمة المفتاحية classDiagram.

المزيد من الأدوات في Markdown والمخططات →