bpmn js

BPMN -JS - BPMN 2.0 สำหรับเว็บ

ดูและแก้ไขไดอะแกรม BPMN 2.0 ในเบราว์เซอร์

การติดตั้ง

ใช้ไลบรารีล่วงหน้าหรือรวมผ่าน NPM ลงในแอปพลิเคชันเว็บสไตล์โหนดของคุณ

การใช้งาน

ในการเริ่มต้นใช้งานสร้างอินสแตนซ์ BPMN-JS และแสดงไดอะแกรม BPMN 2.0 ในเบราว์เซอร์:

 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 ) ;
}

ชำระเงินตัวอย่างของเราสำหรับสถานการณ์การใช้งานที่ได้รับการสนับสนุนอีกมากมาย

แนบ/เดดแบบไดนามิก

คุณสามารถแนบหรือถอดผู้ชมแบบไดนามิกไปยังองค์ประกอบใด ๆ ในหน้าเช่นกัน:

 const viewer = new BpmnJS ( ) ;

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

// detach the panel
viewer . detach ( ) ; 

ทรัพยากร

• การสาธิต
• ปัญหา
• ตัวอย่าง
• ฟอรัม
• การเปลี่ยนแปลง

สร้างและเรียกใช้

เตรียมโครงการโดยการติดตั้งการพึ่งพาทั้งหมด:

npm install

จากนั้นขึ้นอยู่กับกรณีการใช้งานของคุณคุณอาจเรียกใช้คำสั่งใด ๆ ต่อไปนี้:

 # 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

คุณอาจต้องดำเนินการตั้งค่าโครงการเพิ่มเติมเมื่อสร้างสแน็ปช็อตการพัฒนาล่าสุด

ที่เกี่ยวข้อง

BPMN-JS สร้างขึ้นบนเครื่องมือที่ทรงพลังสองสามตัว:

• BPMN-MODDLE: การสนับสนุนอ่าน / เขียนสำหรับ BPMN 2.0 XML ในเบราว์เซอร์
• Diagram-JS: ชุดเครื่องมือการแสดงผลและการแก้ไขชุดเครื่องมือ

มันเป็นชุดเครื่องมือที่ขยายได้ซึ่งเสริมด้วยสาธารณูปโภคเพิ่มเติมมากมาย

ใบอนุญาต

ใช้ภายใต้ข้อกำหนดของใบอนุญาต bpmn.io