1. Produkti
  2.   Diagramma
  3.   JavaScript
  4.   JS-Sequence-Diagrams
 
  

Atvērtā pirmkoda JavaScript API UML secību diagrammām

Pārveidojiet vienkāršu tekstu par UML secības diagrammu, izmantojot atvērtā pirmkoda bezmaksas JavaScript bibliotēku.

JS-Sequence-Diagrams sniedz programmatūras izstrādātājiem iespēju ģenerēt UML secību diagrammas no vienkārša teksta, izmantojot atvērtā pirmkoda JavaScript bibliotēku. Secību diagramma parāda izstrādē iesaistītos objektus un klases un starp objektiem apmainīto ziņojumu secību. Bibliotēka izmanto Jison, lai parsētu tekstu, un Snap.svg, lai zīmētu attēlu.

Tā zīmē vienkāršas SVG secību diagrammas no diagrammas tekstuālā attēlojuma. Bibliotēkā ir divi diagrammas atveidošanas stili: "parastais" un "ar roku zīmēts". SVG diagrammas pielāgošanai ir paredzētas vairākas CSS klases.

Previous Next

Darba sākšana ar JS secību diagrammām

Ieteicamais veids, kā instalēt JS secības diagrammas, ir palaist bower; instalējiet bramp/js-sequence-diagrams un iekļaujiet tālāk norādītos skriptus:

Instalējiet JS sekvences diagrammas, izmantojot padziļinājumu

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

importējiet arī CSS, ja plānojat izmantot ar roku zīmētu motīvu:

Ģenerējiet UML secību diagrammas no vienkārša teksta

JS Sequence Diagrams bibliotēka ļauj programmatūras izstrādātājiem ģenerēt UML secību diagrammas no vienkārša teksta. Bibliotēka ļauj pievienot diagrammas nosaukumu un ievietot piezīmes vairākiem dalībniekiem. Jaunākajā laidienā diagrammu zīmēšanai tiek izmantots Snap.svg kopā ar Raphaël. Snap.svg ir tīra SVG ieviešana, kas ļauj izmantot CSS stilu, labāku fontu atbalstu, animācijas un daudz ko citu.

Eksportējiet diagrammu uz SVG, izmantojot JavaScript API

JS Sequence Diagrams nodrošina līdzekļus diagrammu eksportēšanai uz SVG, izmantojot atvērtā koda JavaScript API. Kad diagramma ir izveidota, API ļauj lietotājiem lejupielādēt to SVG formātā viņu izvēlētajā vietā. JS secību diagrammās ir iekļautas vairākas svarīgas CSS klases, kuras var izmantot SVG diagrammai, izmantojot snap.svg. Tajā ir iekļautas secības klases pieteikšanai galvenajam SVG tagam, virsraksta klase diagrammas nosaukumam, aktieru klase aktieriem, piezīmju klase visām notīm un signāla klase signāliem.

 Latviski