קוד פתוח JavaScript API עבור דיאגרמות רצף UML
המרת טקסט פשוט לתרשים רצף UML באמצעות ספריית JavaScript בחינם בקוד פתוח.
JS-Sequence-Diagrams מעניקים למפתחי תוכנה את היכולת ליצור דיאגרמות רצף UML מטקסט פשוט באמצעות ספריית JavaScript בקוד פתוח. דיאגרמת רצף מציגה את האובייקטים והמחלקות המעורבות בפיתוח ואת סדר ההודעות שהוחלפו בין האובייקטים. הספרייה משתמשת ב-Jison כדי לנתח את הטקסט, וב-Snap.svg כדי לצייר את התמונה.
הוא מצייר דיאגרמות פשוטות של רצף SVG מהייצוג הטקסטואלי של הדיאגרמה. הספרייה כוללת שני סגנונות לעיבוד הדיאגרמה, ה"רגיל" וה"מצויר ביד". קיימות מספר מחלקות CSS להתאמה אישית של דיאגרמת SVG.
תחילת העבודה עם דיאגרמות רצף JS
הדרך המומלצת להתקנת דיאגרמות רצף JS היא להפעיל את bower; התקן bramp/js-sequence-diagrams וכלול את הסקריפטים שלהלן:
התקן דיאגרמות רצף JS באמצעות bower
<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 Sequence Diagrams מאפשרת למפתחי תוכנה ליצור דיאגרמות רצף UML מטקסט פשוט. הספרייה מאפשרת לך להוסיף כותרת דיאגרמה ולהעלות הערות על מספר משתתפים. המהדורה האחרונה משתמשת ב-Snap.svg יחד עם Raphaël לציור הדיאגרמות. Snap.svg הוא מימוש SVG טהור ומאפשר שימוש בעיצוב CSS, תמיכה טובה יותר בגופנים, אנימציות ועוד.
ייצא תרשים ל-SVG באמצעות JavaScript API
JS Sequence Diagrams מספק תכונות לייצוא דיאגרמות ל-SVG באמצעות JavaScript API בקוד פתוח. לאחר יצירת הדיאגרמה, ה-API מאפשר למשתמשים להוריד אותו בפורמט SVG למיקום לפי בחירתם. JS Sequence Diagrams כללו כמה מחלקות CSS חשובות שניתן להחיל על דיאגרמת SVG בעת שימוש ב-snap.svg. הוא כלל מחלקות רצף להחלה על תג ה-SVG הראשי, מחלקת כותרת לכותרת התרשים, מחלקת שחקנים להחלה על השחקנים, מחלקת הערות לכל התווים ומחלקת אות ליישום על האותות.
