Activiti 5 在线流程设计器开发
jbpm4的开发成员tom离开了jboss后,加入afresco公司,并且才有activiti5的项目,这开源项目继承了jbpm4的所有优点,同时将其发扬光大,相对jbpm4,activiti5改进了储多我们国内开发人员关心的问题,如:
- 流程代办
- 在线流程设计器
- 流程嵌入式部署
- 流程独立部署
- 动流程节点
- 自由流程
- 支持了bpmn2的标准
- 支持规则引擎
activiti 5 底层上的api跟jbpm4的api相似程序也达60%以上,特别是service提供的接口,都是在jbpm4上提供扩展,大大方便了jbpm4的开发人员,这也是tom的先明之处,毕竟jbpm原来打的品牌效应不可否认的,把原来的jbpm4积累的人气再次带至activiti5上,这也将是该项目能够断续前进的重要保障。
尽管activiti5目前发展趋势前途光明,但其也有不足的地方,其前端的的表现总是存在不足,如在线流程设计器,目前eclipse插件生成的bpmn20.xml文件则不行,而官方提供的activiti-modler设计器,扩展及实现均面临困难,并且对浏览器的要求让它在国内的项目实施总会面临技术难度。
宏天estbpm3则又是一个基于activiti5的产品,并且公司也有打算断续原来的产品销售模式,对企业开放源代码,而原来的设计器通过改进后,则可以直接支持activiti5的流程设计的需要,如:
设计器按设计器生成一份文档格式,通过系统中提供的xslt转化文档,完成转化后,生成bpmn20的格式文档,该文档可被activiti5直接识别。
其设计器及转化效果如下所示:
发布后,通过activiti5的api生成的流程图如下所示:
设计器原生成的文档格式:
<diagram xmlns:bg="bpm.graphic" xmlns:ciied="com.hotent.bpm.editor" xmlns:fg="flash.geom"> <bg:Task id="task1" height="50" user="true" width="90" x="230" y="110"> <label>用户任务1</label> <ports> <ciied:Port id="port1" clipOnShape="true" movable="false" /> <ciied:Port id="port2" x="0" /> <ciied:Port id="port3" y="1" /> <ciied:Port id="port4" clipOnShape="true" movable="false"> <id>CENTER</id> </ciied:Port> </ports> </bg:Task> <bg:StartEvent id="startEvent1" height="46" width="31" x="60" y="119.5"> <label>开始</label> <ports> <ciied:Port id="port5" clipOnShape="true" movable="false" /> <ciied:Port id="port6" x="1" /> <ciied:Port id="port7" clipOnShape="true" movable="false"> <id>CENTER</id> </ciied:Port> </ports> </bg:StartEvent> <bg:SubProcess id="subProcess1" automaticGraphLayout="false" expandedHeight="210" expandedWidth="570" height="210" width="570" x="360" y="230"> <label>子流程</label> <ports> <ciied:Port id="port8" clipOnShape="true" movable="false" /> <ciied:Port id="port9" x="0" /> <ciied:Port id="port10" y="0" /> <ciied:Port id="port11" clipOnShape="true" movable="false"> <id>CENTER</id> </ciied:Port> <ciied:Port id="port12" horizontalOffset="-5" y="1"> <id>BOTTOM</id> </ciied:Port> <ciied:Port id="port13" horizontalOffset="5" y="1"> <id>BOTTOM</id> </ciied:Port> </ports> <bg:Task id="task2" height="50" user="true" width="90" x="180" y="53"> <label>用户任务2</label> <ports> <ciied:Port id="port14" clipOnShape="true" movable="false" /> <ciied:Port id="port15" x="0" /> <ciied:Port id="port16" x="1" /> <ciied:Port id="port17" clipOnShape="true" movable="false"> <id>CENTER</id> </ciied:Port> </ports> </bg:Task> <bg:StartEvent id="startEvent2" height="46" width="32" x="29" y="62.5"> <label>开始2</label> <ports> <ciied:Port id="port18" clipOnShape="true" movable="false" /> <ciied:Port id="port19" x="1" /> <ciied:Port id="port20" clipOnShape="true" movable="false"> <id>CENTER</id> </ciied:Port> </ports> </bg:StartEvent> <bg:SequenceFlow id="sequenceFlow1" endPort="port15" startPort="port19"> <fallbackEndPoint> <fg:Point id="point1" x="198" y="58" /> </fallbackEndPoint> <fallbackStartPoint> <fg:Point id="point2" /> </fallbackStartPoint> <label></label> </bg:SequenceFlow> <bg:EndEvent id="endEvent1" height="49" width="34" x="380" y="61"> <label>结束2</label> <ports> <ciied:Port id="port21" clipOnShape="true" movable="false" /> <ciied:Port id="port22" x="0" /> <ciied:Port id="port23" clipOnShape="true" movable="false"> <id>CENTER</id> </ciied:Port> </ports> </bg:EndEvent> <bg:SequenceFlow id="sequenceFlow2" endPort="port22" startPort="port16"> <fallbackEndPoint> <fg:Point id="point3" x="364" y="68" /> </fallbackEndPoint> <fallbackStartPoint> <fg:Point id="point4" /> </fallbackStartPoint> <label></label> </bg:SequenceFlow> </bg:SubProcess> <bg:EndEvent id="endEvent2" height="49" width="34" x="740" y="120"> <label>结束1</label> <ports> <ciied:Port id="port24" clipOnShape="true" movable="false" /> <ciied:Port id="port25" x="0" /> <ciied:Port id="port26" clipOnShape="true" movable="false"> <id>CENTER</id> </ciied:Port> </ports> </bg:EndEvent> <bg:SequenceFlow id="sequenceFlow3" endPort="port2" startPort="port6"> <fallbackEndPoint> <fg:Point id="point5" x="237" y="125" /> </fallbackEndPoint> <fallbackStartPoint> <fg:Point id="point6" /> </fallbackStartPoint> <label></label> </bg:SequenceFlow> <bg:SequenceFlow id="sequenceFlow4" endPort="port9" startPort="port3"> <fallbackEndPoint> <fg:Point id="point7" x="396" y="461" /> </fallbackEndPoint> <fallbackStartPoint> <fg:Point id="point8" /> </fallbackStartPoint> <label></label> </bg:SequenceFlow> <bg:SequenceFlow id="sequenceFlow5" endPort="port25" startPort="port10"> <fallbackEndPoint> <fg:Point id="point9" x="674" y="191" /> </fallbackEndPoint> <fallbackStartPoint> <fg:Point id="point10" /> </fallbackStartPoint> <label></label> </bg:SequenceFlow> <bg:Task id="task3" height="50" user="true" width="90" x="440" y="520"> <label>用户任务3</label> <ports> <ciied:Port id="port27" clipOnShape="true" movable="false"> <id>CENTER</id> </ciied:Port> <ciied:Port id="port28" y="0"> <id>TOP</id> </ciied:Port> <ciied:Port id="port29" y="1"> <id>BOTTOM</id> </ciied:Port> </ports> </bg:Task> <bg:SequenceFlow id="sequenceFlow6" endPort="port28" startPort="port12"> <fallbackEndPoint> <fg:Point id="point11" x="623" y="568" /> </fallbackEndPoint> <fallbackStartPoint> <fg:Point id="point12" /> </fallbackStartPoint> <label></label> </bg:SequenceFlow> <bg:Task id="task4" height="50" user="true" width="90" x="750" y="520"> <label>用户任务4</label> <ports> <ciied:Port id="port30" clipOnShape="true" movable="false"> <id>CENTER</id> </ciied:Port> <ciied:Port id="port31" y="0"> <id>TOP</id> </ciied:Port> <ciied:Port id="port32" y="1"> <id>BOTTOM</id> </ciied:Port> </ports> </bg:Task> <bg:SequenceFlow id="sequenceFlow7" endPort="port31" startPort="port13"> <fallbackEndPoint> <fg:Point id="point13" x="760" y="536" /> </fallbackEndPoint> <fallbackStartPoint> <fg:Point id="point14" /> </fallbackStartPoint> <label></label> </bg:SequenceFlow> <bg:EndEvent id="endEvent3" height="49" width="34" x="620" y="630"> <label>结束3</label> <ports> <ciied:Port id="port33" clipOnShape="true" movable="false"> <id>CENTER</id> </ciied:Port> <ciied:Port id="port34" x="1"> <id>RIGHT</id> </ciied:Port> <ciied:Port id="port35" x="0"> <id>LEFT</id> </ciied:Port> </ports> </bg:EndEvent> <bg:SequenceFlow id="sequenceFlow8" endPort="port35" startPort="port29"> <fallbackEndPoint> <fg:Point id="point15" x="632" y="653" /> </fallbackEndPoint> <fallbackStartPoint> <fg:Point id="point16" /> </fallbackStartPoint> <label></label> </bg:SequenceFlow> <bg:SequenceFlow id="sequenceFlow9" endPort="port34" startPort="port32"> <fallbackEndPoint> <fg:Point id="point17" x="688" y="651" /> </fallbackEndPoint> <fallbackStartPoint> <fg:Point id="point18" /> </fallbackStartPoint> <label></label> </bg:SequenceFlow> </diagram>
通过XSLT转化后的文档格式:
<?xml version="1.0" encoding="utf-8"?> <definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:ciied="com.ibm.ilog.elixir.diagram" xmlns:bg="bpm.graphic" xmlns:fn="http://www.w3.org/2005/02/xpath-functions" xmlns:omgdi="http://www.omg.org/spec/DD/20100524/DI" xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:activiti="http://activiti.org/bpmn" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" targetNamespace="http://www.activiti.org/test" expressionLanguage="http://www.w3.org/1999/XPath" typeLanguage="http://www.w3.org/2001/XMLSchema"> <process id="subGraph2" name="子流程"> <startEvent id="startEvent1" name="开始" /> <endEvent id="endEvent2" name="结束1" /> <endEvent id="endEvent3" name="结束3" /> <userTask id="task1" name="用户任务1" /> <userTask id="task3" name="用户任务3" /> <userTask id="task4" name="用户任务4" /> <sequenceFlow id="sequenceFlow3" name="" sourceRef="startEvent1" targetRef="task1" /> <sequenceFlow id="sequenceFlow4" name="" sourceRef="task1" targetRef="subProcess1" /> <sequenceFlow id="sequenceFlow5" name="" sourceRef="subProcess1" targetRef="endEvent2" /> <sequenceFlow id="sequenceFlow6" name="" sourceRef="subProcess1" targetRef="task3" /> <sequenceFlow id="sequenceFlow7" name="" sourceRef="subProcess1" targetRef="task4" /> <sequenceFlow id="sequenceFlow8" name="" sourceRef="task3" targetRef="endEvent3" /> <sequenceFlow id="sequenceFlow9" name="" sourceRef="task4" targetRef="endEvent3" /> <subProcess id="subProcess1" name="子流程"> <startEvent id="startEvent2" name="开始2" /> <endEvent id="endEvent1" name="结束2" /> <userTask id="task2" name="用户任务2" /> <sequenceFlow id="sequenceFlow1" name="" sourceRef="startEvent2" targetRef="task2" /> <sequenceFlow id="sequenceFlow2" name="" sourceRef="task2" targetRef="endEvent1" /> </subProcess> </process> <bpmndi:BPMNDiagram id="BPMNDiagram_subGraph2"> <bpmndi:BPMNPlane bpmnElement="subGraph2" id="BPMNPlane_subGraph2"> <bpmndi:BPMNShape bpmnElement="startEvent1" id="BPMNShape_startEvent1"> <omgdc:Bounds height="31" width="31" x="60" y="119.5" /> </bpmndi:BPMNShape> <bpmndi:BPMNShape bpmnElement="startEvent2" id="BPMNShape_startEvent2"> <omgdc:Bounds height="32" width="32" x="389.0" y="292.5" /> </bpmndi:BPMNShape> <bpmndi:BPMNShape bpmnElement="endEvent1" id="BPMNShape_endEvent1"> <omgdc:Bounds height="34" width="34" x="740.0" y="291.0" /> </bpmndi:BPMNShape> <bpmndi:BPMNShape bpmnElement="endEvent2" id="BPMNShape_endEvent2"> <omgdc:Bounds height="34" width="34" x="740" y="120" /> </bpmndi:BPMNShape> <bpmndi:BPMNShape bpmnElement="endEvent3" id="BPMNShape_endEvent3"> <omgdc:Bounds height="34" width="34" x="620" y="630" /> </bpmndi:BPMNShape> <bpmndi:BPMNShape bpmnElement="task1" id="BPMNShape_task1"> <omgdc:Bounds height="50" width="90" x="230" y="110" /> </bpmndi:BPMNShape> <bpmndi:BPMNShape bpmnElement="task2" id="BPMNShape_task2"> <omgdc:Bounds height="50" width="90" x="540.0" y="283.0" /> </bpmndi:BPMNShape> <bpmndi:BPMNShape bpmnElement="task3" id="BPMNShape_task3"> <omgdc:Bounds height="50" width="90" x="440" y="520" /> </bpmndi:BPMNShape> <bpmndi:BPMNShape bpmnElement="task4" id="BPMNShape_task4"> <omgdc:Bounds height="50" width="90" x="750" y="520" /> </bpmndi:BPMNShape> <bpmndi:BPMNShape bpmnElement="subProcess1" id="BPMNShape_subProcess1"> <omgdc:Bounds height="210" width="570" x="360" y="230" /> </bpmndi:BPMNShape> <bpmndi:BPMNEdge bpmnElement="sequenceFlow1" id="BPMNEdge_sequenceFlow1"> <omgdi:waypoint x="421.0" y="308.5"></omgdi:waypoint> <omgdi:waypoint x="480.5" y="308.5"></omgdi:waypoint> <omgdi:waypoint x="480.5" y="308.0"></omgdi:waypoint> <omgdi:waypoint x="540.0" y="308.0"></omgdi:waypoint> </bpmndi:BPMNEdge> <bpmndi:BPMNEdge bpmnElement="sequenceFlow2" id="BPMNEdge_sequenceFlow2"> <omgdi:waypoint x="630.0" y="308.0"></omgdi:waypoint> <omgdi:waypoint x="740.0" y="308.0"></omgdi:waypoint> </bpmndi:BPMNEdge> <bpmndi:BPMNEdge bpmnElement="sequenceFlow3" id="BPMNEdge_sequenceFlow3"> <omgdi:waypoint x="91.0" y="135.0"></omgdi:waypoint> <omgdi:waypoint x="230.0" y="135.0"></omgdi:waypoint> </bpmndi:BPMNEdge> <bpmndi:BPMNEdge bpmnElement="sequenceFlow4" id="BPMNEdge_sequenceFlow4"> <omgdi:waypoint x="275.0" y="160.0"></omgdi:waypoint> <omgdi:waypoint x="275.0" y="335.0"></omgdi:waypoint> <omgdi:waypoint x="360.0" y="335.0"></omgdi:waypoint> </bpmndi:BPMNEdge> <bpmndi:BPMNEdge bpmnElement="sequenceFlow5" id="BPMNEdge_sequenceFlow5"> <omgdi:waypoint x="645.0" y="230.0"></omgdi:waypoint> <omgdi:waypoint x="645.0" y="137.0"></omgdi:waypoint> <omgdi:waypoint x="740.0" y="137.0"></omgdi:waypoint> </bpmndi:BPMNEdge> <bpmndi:BPMNEdge bpmnElement="sequenceFlow6" id="BPMNEdge_sequenceFlow6"> <omgdi:waypoint x="640.0" y="440.0"></omgdi:waypoint> <omgdi:waypoint x="640.0" y="480.0"></omgdi:waypoint> <omgdi:waypoint x="485.0" y="480.0"></omgdi:waypoint> <omgdi:waypoint x="485.0" y="520.0"></omgdi:waypoint> </bpmndi:BPMNEdge> <bpmndi:BPMNEdge bpmnElement="sequenceFlow7" id="BPMNEdge_sequenceFlow7"> <omgdi:waypoint x="650.0" y="440.0"></omgdi:waypoint> <omgdi:waypoint x="650.0" y="480.0"></omgdi:waypoint> <omgdi:waypoint x="795.0" y="480.0"></omgdi:waypoint> <omgdi:waypoint x="795.0" y="520.0"></omgdi:waypoint> </bpmndi:BPMNEdge> <bpmndi:BPMNEdge bpmnElement="sequenceFlow8" id="BPMNEdge_sequenceFlow8"> <omgdi:waypoint x="485.0" y="570.0"></omgdi:waypoint> <omgdi:waypoint x="485.0" y="647.0"></omgdi:waypoint> <omgdi:waypoint x="620.0" y="647.0"></omgdi:waypoint> </bpmndi:BPMNEdge> <bpmndi:BPMNEdge bpmnElement="sequenceFlow9" id="BPMNEdge_sequenceFlow9"> <omgdi:waypoint x="795.0" y="570.0"></omgdi:waypoint> <omgdi:waypoint x="795.0" y="647.0"></omgdi:waypoint> <omgdi:waypoint x="654.0" y="647.0"></omgdi:waypoint> </bpmndi:BPMNEdge> </bpmndi:BPMNPlane> </bpmndi:BPMNDiagram> </definitions>
转成后,则直接通过以下api可发布至流程引擎:
Deployment deployment= repositoryService.createDeployment().name(bpmDefinition.getSubject()).addString(bpmDefinition.getSubject()+".bpmn20.xml",actFlowDefXml).deploy();
最新实现效果图如:
想部署及学习了解,可参考本人新的博客获得下载源代码。