مولّد مخططات الأصناف
اكتب كود classDiagram مع الأصناف والأعضاء والعلاقات وشاهد مخطط UML فورًا.
تتم المعالجة محليًا في متصفحك/ بياناتك تبقى في متصفحك.
ما هي أداة مولّد مخططات الأصناف؟
يوثّق مخطط أصناف UML بنية نموذج كائني التوجه: الأصناف بخصائصها ودوالّها، والعلاقات بينها مثل الوراثة والتركيب والتجميع والارتباط مع التعددية.
تعرض هذه الأداة كود Mermaid من نوع classDiagram، ويعرض المثال أصلًا شجرة وراثة وارتباطًا مسمّى. يُدرج خيار الاتجاه (من الأعلى للأسفل، من اليسار لليمين، من الأسفل للأعلى، من اليمين لليسار) عبارة "direction" في الكود أو يستبدلها بأمان، ويغيّر خيار السمة الألوان. وتُبلَّغ أخطاء الصياغة مع السطر والعنصر المتوقع.
كيف تعمل؟
- عدّل كود classDiagram: عرّف كل صنف بكتلة { } وعضوًا واحدًا في كل سطر.
- أضف علاقات مثل "Animal <|-- Dog" أو "Owner \"1\" --> \"*\" Animal : owns".
- اختر اتجاه التخطيط والسمة.
- صدّر المخطط بصيغة 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.
أدوات ذات صلة
محرر Mermaid المباشر
محرر Mermaid حر: اكتب المخطط ككود واحصل على عرض مباشر يمكن تصديره.
Markdown والمخططات
مولّد مخططات ER
صِف جداولك ومفاتيحك وعلاقاتك ككود Mermaid من نوع erDiagram وشاهد مخطط ER فورًا.
Markdown والمخططات
مولّد مخططات الحالات
اكتب الانتقالات بين الحالات واحصل على مخطط آلة حالات مع الأحداث على الأسهم.
Markdown والمخططات
مولّد مخططات التسلسل
اكتب رسالة في كل سطر وشاهد من يتحدث إلى من وبأي ترتيب على هيئة مخطط تسلسل.
Markdown والمخططات
JSON إلى TypeScript
الصق عينة JSON واحصل على تعريفات TypeScript جاهزة للاستخدام تصف بنيتها.
JSON والبيانات
مولّد المخططات الانسيابية
صِف العملية بسلسلة خطوات في كل سطر واحصل على مخطط انسيابي مع كود Mermaid الذي يقف خلفه.
Markdown والمخططات