bpmn.js 简介

（注：英语渣渣，以下内容机翻加人工整理，翻译的不好，望请谅解。）

bpmn.js是一个渲染工具包及web建模器。用来在浏览器中创建、嵌入和扩展BPMN图表。可以独立使用也可以集成到你的应用中。

 一、模型

使用“基于web的模型组件”（web-based modeling component）可以很简单的创建属于你自己的BPMN2.0图表

二、流程图的嵌入和注释

使用工具包将BPMN2.0流程图嵌入到你的应用中。使用数据来丰富你的流程图。

三、扩展

集成在浏览器内的流程引擎、令牌模拟、样式化或交互性增强。可以随意更改，因为bpmn-js是一个开放的工具包。

 

添加BPMN流程图到你的应用中：

 

使用仅仅几行代码，将BPMN流程图嵌入到你的应用中：

 

<script>
  var viewer = new BpmnJS({ container: 'body' });

  viewer.importXML(bpmnXML, function(err) {

    if (err) {
      console.log('error rendering', err);
    } else {
      console.log('we are good!');
    }
  });
</script>

 

 

下载启动程序（开始例子）并立即运行

请阅读我们的演练或查看一些示例以了解更多信息。

 

定制你自己的流程图：

bpmn.js具有可扩展性，自定义或者扩展工具包来适应你的需求。

 

由Camunda创建并测试：

我们提供了在浏览器中查看和编辑BPMN、DMN和CMMN图的工具。

我们的库在GitHub上是可扩展的、可嵌入的和开源的。