API JavaScript Open Source pour les diagrammes de séquence UML
Convertissez du texte simple en diagramme de séquence UML via la bibliothèque JavaScript gratuite Open Source.
JS-Sequence-Diagrams donne aux développeurs de logiciels la possibilité de générer des diagrammes de séquence UML à partir de texte simple via une bibliothèque JavaScript open source. Un diagramme de séquence montre les objets et les classes impliqués dans le développement et l'ordre des messages échangés entre les objets. La bibliothèque utilise Jison pour analyser le texte et Snap.svg pour dessiner l'image.
Il dessine des diagrammes de séquence SVG simples à partir de la représentation textuelle du diagramme. La bibliothèque comprend deux styles pour rendre le diagramme, le "normal" et le "dessiné à la main". Plusieurs classes CSS sont fournies pour la personnalisation des diagrammes SVG.
Premiers pas avec les diagrammes de séquence JS
La méthode recommandée pour installer les diagrammes de séquence JS consiste à exécuter bower ; installez bramp/js-sequence-diagrams et incluez les scripts ci-dessous :
Installer des diagrammes de séquence JS via 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" />
importez également le CSS si vous prévoyez d'utiliser le thème dessiné à la main :
Générer des diagrammes de séquence UML à partir de texte simple
La bibliothèque de diagrammes de séquence JS permet aux développeurs de logiciels de générer des diagrammes de séquence UML à partir de texte simple. La bibliothèque vous permet d'ajouter un titre de diagramme et de placer des notes sur plusieurs participants. La dernière version utilise Snap.svg avec Raphaël pour dessiner les diagrammes. Snap.svg est une implémentation SVG pure et permet l'utilisation du style CSS, une meilleure prise en charge des polices, des animations, etc.
Exporter le diagramme vers SVG via l'API JavaScript
JS Sequence Diagrams fournit des fonctionnalités permettant d'exporter des diagrammes vers SVG via l'API JavaScript open source. Une fois le diagramme créé, l'API permet aux utilisateurs de le télécharger au format SVG à l'emplacement de leur choix. JS Sequence Diagrams a inclus plusieurs classes CSS importantes qui peuvent être appliquées au diagramme SVG lors de l'utilisation de snap.svg. Il a inclus des classes de séquence à appliquer à la balise SVG principale, une classe de titre pour le titre du diagramme, une classe d'acteur à appliquer aux acteurs, une classe de note à toutes les notes et une classe de signal à appliquer aux signaux.