Avoimen lähdekoodin JavaScript-sovellusliittymä UML-sekvenssikaavioille
Muunna yksinkertainen teksti UML-sekvenssikaavioksi avoimen lähdekoodin ilmaisen JavaScript-kirjaston avulla.
JS-Sequence-Diagrams antaa ohjelmistokehittäjille mahdollisuuden luoda UML-sekvenssikaavioita yksinkertaisesta tekstistä avoimen lähdekoodin JavaScript-kirjaston kautta. Sekvenssikaavio näyttää kehitykseen osallistuvat objektit ja luokat sekä objektien välisten viestien järjestyksen. Kirjasto käyttää Jisonia tekstin jäsentämiseen ja Snap.svg:tä kuvan piirtämiseen.
Se piirtää yksinkertaisia SVG-sekvenssikaavioita kaavion tekstiesittelystä. Kirjasto sisältää kaksi tyyliä kaavion esittämiseksi, "normaali" ja "käsin piirretty". SVG-kaavioiden mukauttamiseen on olemassa useita CSS-luokkia.
JS-sekvenssikaavioiden käytön aloittaminen
Suositeltu tapa asentaa JS Sequence Diagrams on suorittaa bower; asenna bramp/js-sequence-diagrams ja sisällytä alla olevat komentosarjat:
Asenna JS-sekvenssikaaviot bowerin kautta
<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" />
tuo myös CSS, jos aiot käyttää käsin piirrettyä teemaa:
Luo UML-sekvenssikaavioita yksinkertaisesta tekstistä
JS Sequence Diagrams -kirjaston avulla ohjelmistokehittäjät voivat luoda UML-sekvenssikaavioita yksinkertaisesta tekstistä. Kirjastossa voit lisätä kaavion otsikon ja paikkamerkintöjä useille osallistujille. Uusin versio käyttää Snap.svg:tä yhdessä Raphaëlin kanssa kaavioiden piirtämiseen. Snap.svg on puhdas SVG-toteutus ja mahdollistaa CSS-tyylien käytön, paremman kirjasinten tuen, animaatiot ja paljon muuta.
Vie kaavio SVG:hen JavaScript API:n kautta
JS Sequence Diagrams tarjoaa ominaisuuksia kaavioiden viemiseen SVG:hen avoimen lähdekoodin JavaScript API:n kautta. Kun kaavio on luotu, API sallii käyttäjien ladata sen SVG-muodossa haluamaansa sijaintiin. JS Sequence Diagrams on sisältänyt useita tärkeitä CSS-luokkia, joita voidaan soveltaa SVG-kaavioon snap.svg:tä käytettäessä. Se on sisältänyt sekvenssiluokat pääasialliseen SVG-tunnisteeseen, otsikkoluokka kaavion otsikolle, näyttelijäluokka näyttelijöihin kohdistamista varten, nuottiluokka kaikille nuotteille ja signaaliluokka signaaleihin liittämistä varten.
