1. Προϊόντα
  2.   Διάγραμμα
  3.   JavaScript
  4.   JS-Sequence-Diagrams
 
  

Open Source JavaScript API για διαγράμματα ακολουθίας UML

Μετατροπή απλού κειμένου σε διάγραμμα ακολουθίας UML μέσω δωρεάν βιβλιοθήκης JavaScript ανοιχτού κώδικα.

Τα JS-Sequence-Diagrams δίνουν στους προγραμματιστές λογισμικού τη δυνατότητα να δημιουργούν διαγράμματα ακολουθίας UML από απλό κείμενο μέσω βιβλιοθήκης JavaScript ανοιχτού κώδικα. Ένα διάγραμμα ακολουθίας δείχνει τα αντικείμενα και τις κλάσεις που εμπλέκονται στην ανάπτυξη και τη σειρά των μηνυμάτων που ανταλλάσσονται μεταξύ των αντικειμένων. Η βιβλιοθήκη χρησιμοποιεί το Jison για να αναλύσει το κείμενο και το Snap.svg για να σχεδιάσει την εικόνα.

Σχεδιάζει απλά διαγράμματα ακολουθίας SVG από την κειμενική αναπαράσταση του διαγράμματος. Η βιβλιοθήκη περιλαμβάνει δύο στυλ για την απόδοση του διαγράμματος, το "κανονικό" και το "σχεδιασμένο με το χέρι". Υπάρχουν πολλές κλάσεις CSS που παρέχονται για προσαρμογή διαγραμμάτων SVG.

Previous Next

Ξεκινώντας με τα διαγράμματα ακολουθίας JS

Ο προτεινόμενος τρόπος για να εγκαταστήσετε τα διαγράμματα ακολουθίας JS είναι να εκτελέσετε το bower. εγκαταστήστε bramp/js-sequence-diagrams και συμπεριλάβετε τα παρακάτω σενάρια:

Εγκαταστήστε διαγράμματα ακολουθίας JS μέσω 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" />

Επίσης, εισαγάγετε το CSS εάν σκοπεύετε να χρησιμοποιήσετε το θέμα που σχεδιάζεται με το χέρι:

Δημιουργήστε διαγράμματα ακολουθίας UML από απλό κείμενο

Η βιβλιοθήκη JS Sequence Diagrams επιτρέπει στους προγραμματιστές λογισμικού να δημιουργούν διαγράμματα ακολουθίας UML από απλό κείμενο. Η βιβλιοθήκη σάς επιτρέπει να προσθέσετε τίτλο διαγράμματος και να τοποθετήσετε σημειώσεις σε πολλούς συμμετέχοντες. Η τελευταία έκδοση χρησιμοποιεί το Snap.svg μαζί με το Raphaël για τη σχεδίαση των διαγραμμάτων. Το Snap.svg είναι μια καθαρή υλοποίηση SVG και επιτρέπει τη χρήση στυλ CSS, καλύτερη υποστήριξη γραμματοσειρών, κινούμενα σχέδια και πολλά άλλα.

Εξαγωγή διαγράμματος σε SVG μέσω JavaScript API

Το JS Sequence Diagrams παρέχει δυνατότητες για εξαγωγή διαγραμμάτων σε SVG μέσω JavaScript API ανοιχτού κώδικα. Μόλις δημιουργηθεί το διάγραμμα, το API επιτρέπει στους χρήστες να το κατεβάσουν σε μορφή SVG στην τοποθεσία της επιλογής τους. Το JS Sequence Diagrams έχει συμπεριλάβει αρκετές σημαντικές κλάσεις CSS που μπορούν να εφαρμοστούν στο διάγραμμα SVG κατά τη χρήση του snap.svg. Περιλαμβάνει κατηγορίες ακολουθίας για εφαρμογή στην κύρια ετικέτα SVG, κατηγορία τίτλου για τον τίτλο του διαγράμματος, κλάση ηθοποιού για εφαρμογή στους ηθοποιούς, κλάση σημειώσεων για όλες τις σημειώσεις και κλάση σήματος για εφαρμογή στα σήματα.

 Ελληνικά