将JBPM5流程文件Flow File BPMN 2.0/BPMN (*.bpmn) 转换为 PNG(*.png) 图片文件的解决方案

原文http://cutelion.blog.hexun.com/70817647_d.html

[转]使用Joinwork Process Studio创建jBpm和Activiti流程定义文件 http://arronzhen.iteye.com/blog/1545862

将JBPM5流程文件Flow File BPMN 2.0/BPMN (*.bpmn) 转换为 PNG (*.png) 图片文件的解决方案

最近在利用JBPM5开发流程应用，在eclipse安装的插件工具drools jbpm tools 5.2.0里面没有将流程文件导出为PNG格式的图片功能。这样没有图片就不能较直观地查看到当前流程走到了哪些节点。几经周折，找了很久，终于发现一个可以变通的方法，借助其它的流程工具来做到这一点。
joinwork-process-studio正好是这样的工具。下载地址：
http://www.bpmn123.net/bpmn/20110823/joinwork-process-studio-v31%E5%8F%91%E5%B8%83.html
或者 http://www.bpmn123.net/bpmn/20110823/joinwork-process-studio-%E4%B8%8B%E8%BD%BD.html

将joinwork-process-studio安装后，可以打开eclipse的workspace中已经建好的Flow File(BPMN 2.0/BPMN 文件),接下来可以选择”生成图片文件”，可以生成PNG格式的图片。另外，选定节点后可以在“外观”中对节点填充颜色。

Java代码

@RequestMapping(value = "/viewWorkFlow")

public void getCurrentNode(@RequestParam("processId") long processInstanceId, HttpServletRequest request,

HttpServletResponse response) throws IOException {

JBPM5Engine engine = new JBPM5Engine(entityManagerFactory,taskEntityManagerFactory,LEAVE_WORKFLOW_LEAVE);

ProcessInstance process = engine.getProcessInstance(processInstanceId);

WorkflowProcessInstance wfInstance = (WorkflowProcessInstance) process;

Iterator<NodeInstance> iterator = wfInstance.getNodeInstances().iterator();

NodeInstance nodeInstance = iterator.next();

//-------------------- send the work flow image ----------------------------------

PrintWriter out = response.getWriter();

//********** get the attributes eg : x,y,width,height .. *****************

String xpathFile = "leave.bpmn";

String nodeStr = "//bpmndi:BPMNDiagram/bpmndi:BPMNPlane/bpmndi:BPMNShape[@bpmnElement='_"+nodeInstance.getNodeId()+"']/dc:Bounds";

XPathUtils xPathUtils = new XPathUtils(xpathFile,nodeStr);

Map<String, String> attributes = xPathUtils.getAttributes();

Element rootEl = xPathUtils.getRootElement();

//************************************************************************

//////////////////////// show the work flow image in page ////////////////////

int imageWidth = Integer.parseInt(rootEl.attributeValue("width") == null? "910" : rootEl.attributeValue("width"));

int imageHeight = Integer.parseInt(rootEl.attributeValue("height")== null ? "710" : rootEl.attributeValue("height"));

int nodeWidth = Integer.parseInt(attributes.get("width"));

int nodeHeight = Integer.parseInt(attributes.get("height"));

int nodeX = Integer.parseInt(attributes.get("x"));

int nodeY = Integer.parseInt(attributes.get("y"));

String imageUrl = request.getContextPath()+"/processImageServlet"; //流程URL

//流程图作为背景

out.println("<div style=\"position:relative;background-image:url("+imageUrl+");width:"+imageWidth+"px;height:"+imageHeight+"px;\">");

//输出当前节点位置

out.println("<div style=\"position:absolute;left:"+nodeX+"px;top:"+nodeY+"px;width:"+(nodeWidth-1)+"px;height:"+(nodeHeight-2)+"px;border:3px solid red\">");

out.println("</div>");

out.flush();

out.close();

//!-------------------------------------------------------------------------------

}

不静之心

将JBPM5流程文件Flow File BPMN 2.0/BPMN (.bpmn) 转换为 PNG(.png) 图片文件的解决方案

发表评论取消回复

访问信息

功能

近期评论