API منبع باز جاوا اسکریپت برای نمودارهای توالی UML

از طریق کتابخانه جاوا اسکریپت رایگان منبع باز، متن ساده را به نمودار توالی UML تبدیل کنید.

JS-Sequence-Diagrams به توسعه دهندگان نرم افزار این قابلیت را می دهد که نمودارهای توالی UML را از متن ساده از طریق کتابخانه جاوا اسکریپت منبع باز تولید کنند. نمودار توالی اشیاء و کلاس های درگیر در توسعه و ترتیب پیام های مبادله شده بین اشیا را نشان می دهد. کتابخانه از Jison برای تجزیه متن و Snap.svg برای ترسیم تصویر استفاده می کند.

نمودارهای توالی SVG ساده را از نمایش متنی نمودار ترسیم می کند. این کتابخانه شامل دو سبک برای ارائه نمودار است، "عادی" و "دست رسم". چندین کلاس CSS برای سفارشی سازی نمودار SVG ارائه شده است.

در یک نگاه

مروری بر ویژگی های نمودارهای توالی JS.

بررسی اجمالی ویژگی ها

ایجاد نمودار
متن به نمودار
نمودار UML
نمودار سبک
نمودار به SVG
نمودار سفارشی

نمودارهای توالی JS

JS Sequence Diagrams از فرمت های فایل فشرده سازی محبوبی که در زیر ذکر شده است پشتیبانی می کند.

خواننده

نویسنده

TXT, SVG

نمودارهای توالی JS

سکوی استقلال

JS Sequence Diagrams فقط به زمان اجرا جاوا نیاز دارد.

JavaScript

نمودارهای توالی JS

شروع کار با نمودارهای توالی JS

روش توصیه شده برای نصب JS Sequence Diagrams اجرای 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 مهم است که می توان آنها را در هنگام استفاده از snap.svg در نمودار SVG اعمال کرد. این شامل کلاس‌های توالی برای اعمال به تگ اصلی SVG، کلاس عنوان برای عنوان نمودار، کلاس بازیگر برای اعمال به بازیگران، کلاس نت برای همه نت‌ها و کلاس سیگنال برای اعمال بر سیگنال‌ها است.