1. Các sản phẩm
  2.   Biểu đồ
  3.   JavaScript
  4.   JS-Sequence-Diagrams
 
  

API JavaScript nguồn mở cho sơ đồ trình tự UML

Chuyển đổi Văn bản Đơn giản sang Sơ đồ Trình tự UML thông qua Thư viện JavaScript miễn phí nguồn mở.

JS-Sequence-Sơ đồ cung cấp cho các nhà phát triển phần mềm khả năng tạo sơ đồ trình tự UML từ văn bản đơn giản thông qua thư viện JavaScript mã nguồn mở. Biểu đồ tuần tự cho thấy các đối tượng và lớp tham gia vào quá trình phát triển và thứ tự các thông điệp được trao đổi giữa các đối tượng. Thư viện sử dụng Jison để phân tích cú pháp văn bản và Snap.svg để vẽ hình ảnh.

Nó vẽ các biểu đồ trình tự SVG đơn giản từ biểu diễn văn bản của biểu đồ. Thư viện bao gồm hai kiểu để kết xuất sơ đồ, kiểu "bình thường" và kiểu "vẽ tay". Có một số lớp CSS được cung cấp để tùy chỉnh sơ đồ SVG.

Previous Next

Bắt đầu với Sơ đồ trình tự JS

Cách được khuyến nghị để cài đặt Sơ đồ trình tự JS là chạy bower; cài đặt bramp / js-sequ-diagram và bao gồm các tập lệnh bên dưới:

Cài đặt Sơ đồ trình tự JS qua 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" />

ngoài ra, hãy nhập CSS nếu bạn định sử dụng chủ đề vẽ tay:

Tạo sơ đồ trình tự UML từ văn bản đơn giản

Thư viện Sơ đồ trình tự JS cho phép các nhà phát triển phần mềm tạo sơ đồ trình tự UML từ văn bản đơn giản. Thư viện cho phép bạn thêm tiêu đề sơ đồ và đặt ghi chú cho nhiều người tham gia. Bản phát hành mới nhất sử dụng Snap.svg cùng với Raphaël để vẽ sơ đồ. Snap.svg là một triển khai SVG thuần túy và cho phép sử dụng kiểu CSS, hỗ trợ phông chữ tốt hơn, hoạt ảnh và hơn thế nữa.

Xuất Sơ đồ sang SVG thông qua API JavaScript

JS Sequence Sơ đồ cung cấp các tính năng để xuất sơ đồ sang SVG thông qua API JavaScript mã nguồn mở. Khi sơ đồ được tạo, API cho phép người dùng tải xuống ở định dạng SVG vào vị trí họ chọn. Sơ đồ tuần tự JS đã bao gồm một số lớp CSS quan trọng có thể được áp dụng cho sơ đồ SVG khi sử dụng snap.svg. Nó bao gồm các lớp trình tự để áp dụng cho thẻ SVG chính, lớp tiêu đề cho tiêu đề của sơ đồ, lớp tác nhân để áp dụng cho các tác nhân, lớp ghi chú cho tất cả các ghi chú và lớp tín hiệu để áp dụng cho các tín hiệu.

 Tiếng Việt