Open source JavaScript-API voor UML-reeksdiagrammen

Converteer eenvoudige tekst naar UML-reeksdiagram via open source gratis JavaScript-bibliotheek.

JS-Sequence-Diagrams geven softwareontwikkelaars de mogelijkheid om UML-sequentiediagrammen te genereren uit eenvoudige tekst via een open source JavaScript-bibliotheek. Een sequentiediagram toont de objecten en klassen die betrokken zijn bij de ontwikkeling en de volgorde van de berichten die tussen de objecten worden uitgewisseld. De bibliotheek gebruikt Jison om de tekst te ontleden en Snap.svg om de afbeelding te tekenen.

Het tekent eenvoudige SVG-reeksdiagrammen uit de tekstuele weergave van het diagram. De bibliotheek bevat twee stijlen om het diagram weer te geven, de "normale" en de "handgetekende". Er zijn verschillende CSS-klassen beschikbaar voor het aanpassen van SVG-diagrammen.

In een oogopslag

Een overzicht van de functies van JS Sequence Diagrams.

Functies overzicht

Genereer diagram
Tekst naar diagram
UML-diagram
Stijldiagram
Diagram naar SVG
Aangepast diagram

JS-volgordediagrammen

JS Sequence Diagrams ondersteunt populaire compressiebestandsindelingen die hieronder worden vermeld.

Lezer

auteur

TXT, SVG

JS-volgordediagrammen

Platformonafhankelijkheid

JS Sequence Diagrams vereist alleen Java runtime.

JavaScript

JS-volgordediagrammen

Aan de slag met JS-reeksdiagrammen

De aanbevolen manier om JS-reeksdiagrammen te installeren, is door prieel uit te voeren; installeer bramp/js-sequence-diagrams en voeg de onderstaande scripts toe:

Installeer JS-reeksdiagrammen via prieel

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

importeer ook de CSS als u van plan bent het handgetekende thema te gebruiken:

Genereer UML-reeksdiagrammen van eenvoudige tekst

JS Sequence Diagrams-bibliotheek stelt softwareontwikkelaars in staat om UML-sequentiediagrammen te genereren uit eenvoudige tekst. Met de bibliotheek kunt u diagramtitels toevoegen en notities over meerdere deelnemers plaatsen. De nieuwste release gebruikt Snap.svg samen met Raphaël voor het tekenen van de diagrammen. Snap.svg is een pure SVG-implementatie en maakt het gebruik van CSS-stijlen, betere ondersteuning van lettertypen, animaties en meer mogelijk.

Exporteer diagram naar SVG via JavaScript API

JS Sequence Diagrams biedt functies voor het exporteren van diagrammen naar SVG via open source JavaScript API. Zodra het diagram is gemaakt, kunnen gebruikers het met de API downloaden in het SVG-formaat naar de locatie van hun keuze. JS Sequence Diagrams heeft verschillende belangrijke CSS-klassen opgenomen die kunnen worden toegepast op het SVG-diagram bij gebruik van snap.svg. Het bevat sequentieklassen voor toepassing op de belangrijkste SVG-tag, titelklasse voor de titel van het diagram, acteursklasse voor toepassing op de acteurs, nootklasse voor alle noten en signaalklasse voor toepassing op de signalen.