bpmn js

BPMN -JS -BPMN 2.0用於網絡

在瀏覽器中查看和編輯BPMN 2.0圖。

安裝

使用預先包裝的庫或通過NPM將其包含在節點式的Web應用程序中。

用法

要開始，請在瀏覽器中創建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 ( ) ; 

資源

• 演示
• 問題
• 例子
• 論壇
• ChangElog

構建和運行

通過安裝所有依賴項來準備項目：

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模型：瀏覽器中的BPMN 2.0 XML的讀 /寫支持
• 圖JS：圖渲染和編輯工具包

這是一個可擴展的工具包，並由許多其他實用程序進行補充。

執照

根據BPMN.IO許可條款使用。