API Node.js để Tạo & Chuyển đổi Sơ đồ Tương tác

Bắt đầu với Pintora

Cách khuyến nghị để cài đặt Thư viện Pintora là sử dụng NPM. Vui lòng sử dụng lệnh sau để cài đặt một cách suôn sẻ.

 npm install pintora 

Tạo sơ đồ tuần tự trong Node.js

Thư viện mã nguồn mở Pintora rất dễ sử dụng, cung cấp cách liền mạch để chuyển đổi mô tả bằng văn bản thành các sơ đồ sinh động trong các ứng dụng Node.js. Chỉ với một vài dòng mã, các nhà phát triển phần mềm có thể tạo và quản lý sơ đồ tuần tự bằng thư viện Pintora. Sơ đồ tuần tự minh họa cách các đối tượng tương tác theo một trình tự nhất định. Ví dụ dưới đây cho thấy một sơ đồ tuần tự được định nghĩa để mô tả sự tương tác giữa hai tham gia. Cú pháp chỉ định các tin nhắn được trao đổi giữa chúng, và Pintora tạo ra SVG tương ứng trong các ứng dụng Node.js.

const { renderToSvg } = require('pintora');

const sequenceDiagramDefinition = `
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>Bob: Hello Bob, how are you?
    Bob-->>Alice: I am good, thanks!
`;

// Render the sequence diagram to SVG
const svg = renderToSvg(sequenceDiagramDefinition);

// Output the SVG
console.log(svg);
 

Tùy chỉnh sơ đồ trong các ứng dụng Node.js

Thư viện Pintora hoàn toàn hỗ trợ việc tùy chỉnh mở rộng cho nhiều loại sơ đồ khác nhau. Thư viện giúp các nhà phát triển phần mềm dễ dàng thao tác với các thành phần sơ đồ như lớp, mẫu, trang, hình dạng và kết nối trong các ứng dụng Node.js của họ. Họ có thể chỉnh sửa màu sắc, hình dạng và các yếu tố trực quan khác để phù hợp với nhu cầu. Dưới đây là một ví dụ cho thấy cách các nhà phát triển có thể tùy chỉnh lưu đồ bằng thư viện Node.js.

const { renderToSvg } = require('pintora');

const customizedFlowchartDefinition = `
flowchart TD
    style A fill:#f9f,stroke:#333,stroke-width:4px;
    style B fill:#bbf,stroke:#333,stroke-width:4px;
    A[Start] --> B{Is it working?}
    B -->|Yes| C[Great]
    B -->|No| D[Fix it]
    D --> A
`;

// Render the customized flowchart to SVG
const svg = renderToSvg(customizedFlowchartDefinition);

// Output the SVG
console.log(svg);

 

Tạo & chỉnh sửa sơ đồ lớp trong Node.js

Thư viện mã nguồn mở Pintora đã cung cấp đầy đủ chức năng để tạo và quản lý sơ đồ lớp trong các ứng dụng Node.js. Sơ đồ lớp được sử dụng để mô tả cấu trúc của một hệ thống bằng cách hiển thị các lớp, thuộc tính và mối quan hệ của chúng. Ví dụ sau đây minh họa cách tạo một sơ đồ lớp. Sơ đồ định nghĩa hai lớp, Animal và Dog, cùng với các thuộc tính và phương thức của chúng. Lớp Dog kế thừa từ lớp Animal, như được chỉ ra bằng ký hiệu <|--.

const { renderToSvg } = require('pintora');

const classDiagramDefinition = `
classDiagram
    class Animal {
        +String name
        +int age
        +void eat()
    }
    class Dog {
        +String breed
        +void bark()
    }
    Animal <|-- Dog
`;

// Render the class diagram to SVG
const svg = renderToSvg(classDiagramDefinition);

// Output the SVG
console.log(svg);