1. produkty
  2.   Diagram
  3.   JavaScript
  4.   JS-Sequence-Diagrams
 
  

Open Source JavaScript API pro sekvenční diagramy UML

Převeďte jednoduchý text na sekvenční diagram UML prostřednictvím knihovny JavaScriptu Open Source Free.

JS-Sequence-Diagrams dávají vývojářům softwaru možnost generovat sekvenční diagramy UML z jednoduchého textu prostřednictvím knihovny JavaScript s otevřeným zdrojovým kódem. Sekvenční diagram ukazuje objekty a třídy zapojené do vývoje a pořadí zpráv vyměňovaných mezi objekty. Knihovna používá Jison k analýze textu a Snap.svg ke kreslení obrázku.

Kreslí jednoduché sekvenční diagramy SVG z textové reprezentace diagramu. Knihovna obsahuje dva styly pro vykreslení diagramu, „normální“ a „ručně nakreslený“. Pro přizpůsobení diagramu SVG existuje několik tříd CSS.

Previous Next

Začínáme se sekvenčními diagramy JS

Doporučený způsob instalace JS sekvenčních diagramů je spustit bower; nainstalujte bramp/js-sequence-diagrams a zahrňte níže uvedené skripty:

Nainstalujte sekvenční diagramy JS přes 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" />

také importujte CSS, pokud plánujete použít ručně nakreslený motiv:

Generujte sekvenční diagramy UML ze jednoduchého textu

Knihovna JS sekvenční diagramy umožňuje vývojářům softwaru generovat sekvenční diagramy UML z jednoduchého textu. Knihovna umožňuje přidat název diagramu a umístit poznámky k více účastníkům. Nejnovější verze používá Snap.svg spolu s Raphaëlem pro kreslení diagramů. Snap.svg je čistá implementace SVG a umožňuje použití stylů CSS, lepší podporu písem, animace a další.

Export diagramu do SVG přes JavaScript API

JS Sequence Diagrams poskytuje funkce pro export diagramů do SVG prostřednictvím open source JavaScript API. Jakmile je diagram vytvořen, API umožňuje uživatelům stáhnout si jej ve formátu SVG do umístění podle vlastního výběru. JS Sequence Diagrams obsahuje několik důležitých tříd CSS, které lze použít na diagram SVG při použití snap.svg. Zahrnuje třídy sekvencí pro použití na hlavní značku SVG, třídu názvu pro název diagramu, třídu aktérů pro použití na herce, třídu not pro všechny poznámky a třídu signálu pro použití na signály.

 Čeština