Atvirojo kodo „JavaScript“ API, skirta UML sekos diagramoms

Konvertuokite paprastą tekstą į UML sekos diagramą naudodami atvirojo kodo nemokamą „JavaScript“ biblioteką.

JS-Sequence-Diagrams suteikia programinės įrangos kūrėjams galimybę generuoti UML sekos diagramas iš paprasto teksto naudojant atvirojo kodo JavaScript biblioteką. Sekos diagrama rodo objektus ir klases, dalyvaujančius kuriant, ir pranešimų, kuriais keičiasi objektai, tvarką. Biblioteka naudoja Jison tekstui analizuoti, o Snap.svg vaizdui piešti.

Jis nubrėžia paprastas SVG sekos diagramas iš tekstinės diagramos vaizdavimo. Bibliotekoje yra du diagramos atvaizdavimo stiliai: „įprastas“ ir „pieštas ranka“. Yra keletas CSS klasių, skirtų SVG diagramos tinkinimui.

Žvilgsniu

JS sekos diagramų funkcijų apžvalga.

Savybių apžvalga

Sukurti diagramą
Tekstas į diagramą
UML diagrama
Stiliaus schema
Diagrama į SVG
Individualizuota diagrama

JS sekos diagramos

JS sekos diagramos palaiko populiarius toliau išvardytus glaudinimo failų formatus.

Skaitytojas

Rašytojas

TXT, SVG

JS sekos diagramos

Platformos nepriklausomybė

JS sekos diagramoms reikalingas tik „Java“ vykdymo laikas.

JavaScript

JS sekos diagramos

Darbo su JS sekos diagramomis pradžia

Rekomenduojamas būdas įdiegti JS sekos diagramas yra paleisti bower; įdiekite bramp/js-sequence-diagrams ir įtraukite toliau nurodytus scenarijus:

Įdiekite JS sekos diagramas per skydelį

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

taip pat importuokite CSS, jei planuojate naudoti ranka pieštą temą:

Sukurkite UML sekos diagramas iš paprasto teksto

JS sekos diagramų biblioteka leidžia programinės įrangos kūrėjams generuoti UML sekos diagramas iš paprasto teksto. Biblioteka leidžia pridėti diagramos pavadinimą ir įdėti pastabas keliems dalyviams. Naujausiame leidime diagramoms braižyti naudojama Snap.svg kartu su Raphaël. Snap.svg yra grynas SVG diegimas ir leidžia naudoti CSS stilių, geresnį šrifto palaikymą, animaciją ir kt.

Eksportuokite diagramą į SVG naudodami JavaScript API

JS sekos diagramose teikiamos funkcijos, skirtos diagramoms eksportuoti į SVG naudojant atvirojo kodo JavaScript API. Sukūrus diagramą, API leidžia vartotojams atsisiųsti ją SVG formatu į pasirinktą vietą. JS sekos diagramose yra keletas svarbių CSS klasių, kurias galima pritaikyti SVG diagramai naudojant snap.svg. Ji apėmė sekos klases, skirtas taikyti pagrindinei SVG žymai, pavadinimo klasę diagramos pavadinimui, aktorių klasę, skirtą taikyti aktoriams, natų klasę visoms natoms ir signalų klasę, skirtą taikyti signalams.