Open Source JavaScript API لمخططات تسلسل UML
تحويل نص بسيط إلى مخطط تسلسل UML عبر مكتبة جافا سكريبت مفتوحة المصدر.
تمنح JS-Sequence-Diagrams مطوري البرامج القدرة على إنشاء مخططات تسلسل UML من نص بسيط عبر مكتبة JavaScript مفتوحة المصدر. يوضح مخطط التسلسل الكائنات والفئات المشاركة في تطوير وترتيب الرسائل المتبادلة بين الكائنات. تستخدم المكتبة Jison لتحليل النص ، و Snap.svg لرسم الصورة.
يرسم مخططات تسلسل SVG بسيطة من التمثيل النصي للمخطط. تتضمن المكتبة نمطين لعرض الرسم التخطيطي ، "العادي" و "المرسوم باليد". هناك العديد من فئات CSS المتوفرة لتخصيص مخطط SVG.
الشروع في العمل مع مخططات تسلسل JS
الطريقة الموصى بها لتثبيت مخططات تسلسل JS هي تشغيل bower؛ قم بتثبيت مخططات bramp / js-Sequence-diagram وتضمين البرامج النصية أدناه:
قم بتثبيت مخططات تسلسل JS عبر التعريش
<script src="/{{ bower directory }}/bower-webfontloader/webfont.js" />
<script src="/{{ bower directory }}/snap.svg/dist/snap.svg-min.js" />
<script src="/{{ bower directory }}/underscore/underscore-min.js" />
<script src="/{{ bower directory }}/js-sequence-diagrams/build/sequence-diagram-min.js" />
أيضًا ، قم باستيراد CSS إذا كنت تخطط لاستخدام السمة المرسومة يدويًا:
إنشاء مخططات تسلسل UML من نص بسيط
تتيح مكتبة مخططات تسلسل JS لمطوري البرامج إنشاء مخططات تسلسل UML من نص بسيط. تتيح لك المكتبة إضافة عنوان الرسم التخطيطي ووضع الملاحظات على عدة مشاركين. يستخدم الإصدار الأخير Snap.svg مع Raphaël لرسم المخططات. Snap.svg هو تطبيق SVG خالص ويسمح باستخدام تصميم CSS ودعم أفضل للخطوط والرسوم المتحركة والمزيد.
تصدير الرسم التخطيطي إلى SVG عبر JavaScript API
توفر مخططات تسلسل JS ميزات لتصدير الرسوم التخطيطية إلى SVG عبر واجهة برمجة تطبيقات JavaScript API مفتوحة المصدر. بمجرد إنشاء الرسم التخطيطي ، تتيح واجهة برمجة التطبيقات للمستخدمين تنزيله بتنسيق SVG في الموقع الذي يختارونه. تضمنت مخططات تسلسل JS العديد من فئات CSS المهمة التي يمكن تطبيقها على مخطط SVG عند استخدام snap.svg. وقد تضمنت فئات تسلسل للتطبيق على علامة SVG الرئيسية ، وفئة العنوان لعنوان الرسم التخطيطي ، وفئة الممثل للتطبيق على الممثلين ، وفئة الملاحظات لجميع الملاحظات ، وفئة الإشارة للتطبيق على الإشارات.
