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许可条款使用。