bpmn js

BPMN -JS - BPMN 2.0 untuk web

Lihat dan edit diagram BPMN 2.0 di browser.

Instalasi

Gunakan perpustakaan yang sudah dikemas sebelumnya atau sertakan melalui NPM ke dalam aplikasi web bergaya node Anda.

Penggunaan

Untuk memulai, buat instance BPMN-JS dan render diagram BPMN 2.0 di browser:

 const xml = '...' ; // my BPMN 2.0 xml
const viewer = new BpmnJS ( {
  container : 'body'
} ) ;

try {
  const { warnings } = await viewer . importXML ( xml ) ;

  console . log ( 'rendered' ) ;
} catch ( err ) {
  console . log ( 'error rendering' , err ) ;
}

Periksa contoh kami untuk lebih banyak skenario penggunaan yang didukung.

Lampirkan/Lepaskan Dinamis

Anda dapat melampirkan atau melepaskan penampil secara dinamis ke elemen apa pun di halaman juga:

 const viewer = new BpmnJS ( ) ;

// attach it to some element
viewer . attachTo ( '#container' ) ;

// detach the panel
viewer . detach ( ) ; 

Sumber daya

• Demo
• Masalah
• Contoh
• Forum
• Changelog

Membangun dan menjalankan

Siapkan proyek dengan menginstal semua dependensi:

npm install

Kemudian, tergantung pada kasus penggunaan Anda, Anda dapat menjalankan salah satu perintah berikut:

 # build the library and run all tests
npm run all

# spin up a single local modeler instance
npm start

# run the full development setup
npm run dev

Anda mungkin perlu melakukan pengaturan proyek tambahan saat membangun snapshot pengembangan terbaru.

Terkait

BPMN-JS membangun di atas beberapa alat yang kuat:

• BPMN-Moddle: Dukungan Baca / Tulis untuk BPMN 2.0 XML di browser
• Diagram-JS: Diagram Rendering and Editing Toolkit

Ini adalah toolkit yang dapat diperluas, dilengkapi dengan banyak utilitas tambahan.

Lisensi

Gunakan di bawah ketentuan lisensi BPMN.IO.