1. Produse
  2.   Diagramă
  3.   JavaScript
  4.   JS-Sequence-Diagrams
 
  

Open Source JavaScript API pentru diagramele de secvență UML

Conversia textului simplu în diagramă de secvență UML prin intermediul bibliotecii JavaScript gratuite cu sursă deschisă.

JS-Sequence-Diagrams oferă dezvoltatorilor de software capacitatea de a genera diagrame de secvență UML din text simplu prin intermediul bibliotecii JavaScript open source. O diagramă de secvență arată obiectele și clasele implicate în dezvoltarea și ordinea mesajelor schimbate între obiecte. Biblioteca folosește Jison pentru a analiza textul și Snap.svg pentru a desena imaginea.

Desenează diagrame de secvență SVG simple din reprezentarea textuală a diagramei. Biblioteca include două stiluri pentru a reda diagrama, „normal” și „desenat manual”. Există mai multe clase CSS furnizate pentru personalizarea diagramei SVG.

Previous Next

Noțiuni introductive cu diagramele de secvență JS

Modul recomandat de a instala JS Sequence Diagrams este să rulați bower; instalați bramp/js-sequence-diagrams și includeți scripturile de mai jos:

Instalați Diagramele de secvență JS prin 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" />

de asemenea, importați CSS-ul dacă intenționați să utilizați tema desenată manual:

Generați diagrame de secvență UML din text simplu

Biblioteca JS Sequence Diagrams permite dezvoltatorilor de software să genereze diagrame de secvență UML din text simplu. Biblioteca vă permite să adăugați titlul diagramei și să plasați note peste mai mulți participanți. Cea mai recentă versiune folosește Snap.svg împreună cu Raphaël pentru desenarea diagramelor. Snap.svg este o implementare SVG pură și permite utilizarea stilului CSS, suport mai bun pentru fonturi, animații și multe altele.

Exportați diagrama în SVG prin API-ul JavaScript

JS Sequence Diagrams oferă caracteristici pentru exportul diagramelor în SVG prin intermediul API-ului JavaScript open source. Odată ce diagrama este creată, API-ul permite utilizatorilor să o descarce în format SVG în locația la alegere. JS Sequence Diagrams a inclus mai multe clase CSS importante care pot fi aplicate diagramei SVG atunci când se utilizează snap.svg. A inclus clase de secvență pentru aplicarea etichetei SVG principale, clasa de titlu pentru titlul diagramei, clasa de actor pentru aplicarea actorilor, clasa de note pentru toate notele și clasa de semnal pentru aplicarea semnalelor.

 Română