UML Dizi Diyagramları için Açık Kaynak JavaScript API'sı

Açık Kaynak Ücretsiz JavaScript Kitaplığı aracılığıyla Basit Metni UML Dizi Şemasına dönüştürün.

JS-Sequence-Diagrams, yazılım geliştiricilerine açık kaynaklı JavaScript kitaplığı aracılığıyla basit metinden UML dizi diyagramları oluşturma yeteneği verir. Bir sıra diyagramı, geliştirmeye dahil olan nesneleri ve sınıfları ve nesneler arasında değiş tokuş edilen mesajların sırasını gösterir. Kitaplık, metni ayrıştırmak için Jison'u ve görüntüyü çizmek için Snap.svg'yi kullanır.

Diyagramın metinsel gösteriminden basit SVG dizi diyagramları çizer. Kütüphane, diyagramı oluşturmak için "normal" ve "elle çizilmiş" olmak üzere iki stil içerir. SVG diyagramı özelleştirmesi için sağlanan birkaç CSS sınıfı vardır.

Bir Bakışta

JS Sıra Diyagramları özelliklerine genel bakış.

Özelliklere genel bakış

Diyagram Oluştur
Diyagrama Metin
UML Şeması
Stil Şeması
SVG'ye diyagram
Özelleştirilmiş Şema

JS Sıra Diyagramları

JS Sıra Diyagramları, aşağıda listelenen popüler sıkıştırma dosyası biçimlerini destekler.

Okuyucu

yazar

TXT, SVG

JS Sıra Diyagramları

Platform Bağımsızlığı

JS Sıra Diyagramları yalnızca Java çalışma zamanı gerektirir.

JavaScript

JS Sıra Diyagramları

JS Dizi Diyagramlarına Başlarken

JS Sıra Diyagramlarını kurmanın önerilen yolu bower'ı çalıştırmaktır; bramp/js-sequence-diagrams yükleyin ve aşağıdaki komut dosyalarını ekleyin:

Bower aracılığıyla JS Dizi Şemalarını yükleyin

 <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" />

ayrıca elle çizilmiş temayı kullanmayı planlıyorsanız CSS'yi içe aktarın:

Basit Metinden UML Dizi Diyagramları Oluşturun

JS Dizi Diyagramları kitaplığı, yazılım geliştiricilerin basit metinden UML dizi diyagramları oluşturmasını sağlar. Kitaplık, diyagram başlığı eklemenize ve birden çok katılımcının üzerine notlar yerleştirmenize olanak tanır. En son sürüm, diyagramları çizmek için Raphaël ile birlikte Snap.svg'yi kullanır. Snap.svg, saf bir SVG uygulamasıdır ve CSS stilinin, daha iyi yazı tipi desteğinin, animasyonların ve daha fazlasının kullanımına izin verir.

Diyagramı JavaScript API ile SVG'ye Aktarın

JS Sıra Diyagramları, açık kaynaklı JavaScript API aracılığıyla diyagramları SVG'ye dışa aktarmak için özellikler sağlar. Diyagram oluşturulduktan sonra API, kullanıcıların onu SVG formatında kendi seçtikleri konuma indirmelerine izin verir. JS Sıra Diyagramları, snap.svg kullanılırken SVG diyagramına uygulanabilecek birkaç önemli CSS sınıfını içermektedir. Ana SVG etiketine başvurmak için dizi sınıfları, diyagramın başlığı için başlık sınıfı, aktörlere başvurmak için aktör sınıfı, tüm notlar için not sınıfı ve sinyallere uygulamak için sinyal sınıfını içeriyordu.