camunda 流程执行追踪_camunda对BPMN流程定义解析、执行、展现的JS库

1 写在前面

本文介绍了camunda 对BPMN流程定义文件的解析实现。

该类库的JS框架采用的dojo

(了解下dojo与jquery的区别：http://blog.csdn.net/dojotoolkit/article/details/7682978)

这个类库有四个文件

Bpmn.js提供相应功能的接口。

三个组件：Executor.js——轻量级流程引擎

Renderer.js——通过dojo展现渲染流程图的组件

Transformer.js——解析流程图的组件

最坑爹的是camunda首页的流程模拟是用jquery框架和Raphael图形处理库，因此确定，除了Renderer组件，其他组件都能复用。

camunda首页还采用了bootstrap框架，并且自己拓展了相关组件，值得借鉴。

2 结构

src

-bpmn

-Bpmn.js

-Executor.js

-Renderer.js

-Transforme.js

test

-bpmn

-engine

-lib

-renderer

-resources

-transformer

-util

-runner.html

3 各类接口

3.1 bpmn.js

renderUrl(url, options)通过url解析流程图

render(bpmnXml, options)通过字符串解析流程图

zoom(factor)放大缩小

annotate(id, innerHTML, cla