Activiti Explorer简介

• Activiti Explorer: Activiti控制台,是一个web应用程序
• 从Activiti的官方网站下载Activiti的压缩zip文件时,Activiti控制台在 ${Activiti_home}/wars文件夹下面
• 该控制台的目的并不是创建一个完善的web应用程序,仅仅是为客户端用户准备的应用程序.对于该控制台,使用了一个内存数据库,也可以换成自定义的数据库(查看WEB-INF文件夹下面的applicationContext.xml文件)
• 登录控制台,有四个主要功能模块:
  • Tasks: 任务管理功能
    • 如果是任务执行人,可以看见运行中流程实例的待办任务,也可以拾取组任务
    • 控制台涉及的功能有子任务的工作,不同角色的人...
    • 控制台允许创建一个独立的任务,该任务不需要关联任何流程实例
  • Processes: 显示部署的流程定义列表,并且可以启动一个新的流程实例
  • Reports: 生成报表和显示之前保存历史的结果数据
  • Manage: 用于管理Activiti的流程引擎
    • 管理用户和组
    • 执行和查看停止的jobs
    • 查看数据库和部署新的流程定义
    • 登录的用户具有超级管理员权限才会显示

流程图

• 控制台包含的功能,使用RaphaëlJavascript框架自动生成一张流程图:
  • 当流程定义XML包含的BPMN注入信息时,该流程图才能够生成
  • 当流程定义XML中并没有BPMN注入信息,但是部署的时候包含一张流程图,那么该图片也将会被显示
• 如果不想使用Javascript生成流程图,可以在ui.properties文件禁用

activiti.ui.jsdiagram = false

• 控制台上显示流程图,也可以对流程图进行查看,根据流程定义的ID,显示流程定义图片:

http://localhost:8080/activiti-explorer/diagram-viewer/index.html?processDefinitionId=reviewSaledLead:1:36

• 通过processInstanceId的请求参数,可以显示当前流程实例的状态:

http://localhost:8080/activiti-explorer/diagram-viewer/index.html?processDefinitionId=reviewSaledLead:1:36&processInstanceId=41

Tasks

• 任务
• Inbox: 显示登录用户需要办理的所有任务列表
• My Tasks: 显示登录用户任务拥有者的任务列表:
  • 当创建一个独立的任务时,可以自动化操作该任务
• Queued: 显示不用的组任务列表,并且登录用户在该组中:
  • 这里的所有任务都必须先拾取,然后才能够完成
• Involved: 显示登录用户被参与的任务,即不是执行人和任务拥有者
• Archived: 归档,包含已经完成历史任务

Processes

Deployed process definitions(部署流程定义)

• 在流程定义选项卡中,允许查看Activiti流程引擎部署的所有流程定义
• 可以使用页面顶部右边的按钮启动一个新的流程实例
• 如果该流程定义有一个启动表单, 那么在启动流程实例之前就会先显示表单

My instances(我的流程实例)

• 显示当前登录用户未完成的用户任务的所有流程实例
• 直观地显示流程实例的当前活动和存储的流程变量

Manage

• 在管理功能中,只有当登录用户是权限组admin中的成员时,该功能才会显示
• 当点击Manage图标按钮:

Database

• Database: 数据库.显示Activiti有关内容.当开发流程或者排除故障等问题的时候是非常有用的

Deployments

• Deployments: 部署.显示当前部署的流程引擎,并且可以看到部署的内容:流程定义,流程图,业务规则,等等...
• 当点击部署按钮时,可以上传新的部署:
  • 从自己的计算机中选择一个业务文档或者一个BPMN20.XML文件
  • 简单的拖拽到指定的区域就可以部署一个新的业务流程

Jobs

• Jobs: 作业
  • 在左边显示当前的作业(定时器等等)并且运行手动执行(例如在截止时间之前触发定时器)
  • 如果作业执行失败(例如邮件服务器不能正常工作),那么就会显示所有的异常

Users

• Users: 管理用户
  • 创建,修改和删除用户.关联用户
  • 获取权限查看任务分配特定用户信息

Groups

• Groups: 管理组
  • 创建,修改和删除组,关联组
  • 获取权限查看任务分配特定组等信息

Reports

• 报表:
• ==注意:== 如果要让报表工作,控制台需要配置历史的级别不能为none.默认的配置是满足要求的
• 报表选项卡的子选项卡有2个:
  • 生成报表:
    • 显示系统中已知的报表列表
    • 允许运行生成的报表
  • 保存报表:
    • 显示之前保存的所有报表列表
    • 仅仅显示的是个人保存的报表,并且不能看见其他人保存的报表
• 流程的数据被用于生成报表中的列表和图标.使用流程生成报表数据的优势:
  • 该流程能够直接访问Activiti流程引擎的内部:
    • 直接可以使用流程引擎访问数据库
  • 作业执行器能够用于任何其他的流程:
    • 能够异步生成流程
    • 仅仅异步执行某些步骤
    • 可以使用定时器:在某些时间点上面生成报表数据
  • 可以用已知的工具和已知的概念创建一个新的报表:
    • 没有新的概念,服务或者应用被需要
    • 部署或者上传一个新的报表与部署一个新的流程是一样的
  • 可以使用BPMN2.0结构:
    • 意味着所有的东西:比如并行网关,可以实现基于数据或用户请求输入生成分支
• 生成报表数据的流程定义需要把activiti-report设置为分类,这样就能在Explorer的报表列表中显示出来。
• 能够看到报表的唯一要求是:
  • 流程创建一个名为reportData的流程变量,这个变量必须是json对象的二进制数组
  • 变量必须保存到Activiti的历史表中,所以要求引擎必须启用历史功能
  • 因此可以在后面报表保存时获取

reportData

• 报表流程必须生成一个变量reportData, 作为展示给用户的JSON数据:

{
  "title": "My Report",
  "datasets": [
    {
      "type" : "lineChart",
      "description" : "My first chart",
      "xaxis" : "Year"
      "yaxis" : "Total sales"
      "data" :
      {
        "2010" : 50,
        "2011" : 33,
        "2012" : 17,
        "2013" : 87,
      }
    }
  ]
}

json数据会在Explorer中获取,并用来生成图表或列表

• json的元素有:
  • title: 报表的标题
  • datasets: 数据集的数组,对应报表中不同的图表和列表
  • type: 数据集的类型. 这个类型会用来决定如何渲染数据,支持的值:
    • pieChart
    • lineChart
    • barChart
    • list
  • description: 每个图表在报表中显示一个描述,这个是可选的
  • xaxis: 只对lineChart类型起作用,这个参数是可选的,用来修改图表坐标系x轴的名称
  • yaxis: 只对lineChart类型起作用,这个参数是可选的,用来修改图表坐标系y轴的名称
  • data: 实际的数据,数据是一个key:value格式的json对象

流程实例

• 流程实例总览报表:
  • 只包含一个脚本任务:使用javascript生成json数据集
  • 虽然所有Explorer中的例子都使用javascript, 也可以使用java服务任务
  • 执行流程最后的结果就是reportData变量,保存数据

<?xml version="1.0" encoding="UTF-8"?>
<definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:activiti="http://activiti.org/bpmn"
    xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC"
    xmlns:omgdi="http://www.omg.org/spec/DD/20100524/DI" typeLanguage="http://www.w3.org/2001/XMLSchema"
    expressionLanguage="http://www.w3.org/1999/XPath"
    targetNamespace="activiti-report">

    <process id="process-instance-overview-report" name="Process Instance Overview" isExecutable="true">

        <startEvent id="startevent1" name="Start" />
        <sequenceFlow id="flow1" sourceRef="startevent1" targetRef="generateDataset" />

        <scriptTask id="generateDataset" name="Execute script" scriptFormat="JavaScript" activiti:autoStoreVariables="false">
          <script><![CDATA[

               importPackage(java.sql);
               importPackage(java.lang);
               importPackage(org.activiti.explorer.reporting);

               var result = ReportingUtil.executeSelectSqlQuery("SELECT PD.NAME_, PD.VERSION_ , count(*) FROM ACT_HI_PROCINST PI inner join ACT_RE_PROCDEF PD on PI.PROC_DEF_ID_ = PD.ID_ group by PROC_DEF_ID_");

               var reportData = {};
               reportData.datasets = [];

               var dataset = {};
               dataset.type = "pieChart";
               dataset.description = "Process instance overview (" + new java.util.Date() + ")";
               dataset.data = {};

               while (result.next()) { // process results one row at a time
                 var name = result.getString(1);
                 var version = result.getLong(2)
                 var count = result.getLong(3);
                 dataset.data[name + " (v" + version + ")"] = count;
               }
               reportData.datasets.push(dataset);

               execution.setVariable("reportData", new java.lang.String(JSON.stringify(reportData)).getBytes("UTF-8"));
          ]]></script>
        </scriptTask>
        <sequenceFlow id="flow3" sourceRef="generateDataset" targetRef="theEnd" />

        <endEvent id="theEnd" />

    </process>

</definitions>

• 除了流程xml顶部的标准xml,主要区别是targetNamespace设置为activiti-report, 把分类设置为与部署的流程定义一样的名称
  • 脚本的第一行是进行一些导入,避免每次使用时,都要写包名
  • 第一个有意义的代码是使用ReportingUtil读取activiti数据库.返回结果是一个JDBC 结果集
  • 查询语句下面 ,javascript创建了使用的json.json是符合上面描述的需求的
  • 最后一行脚本,首先需要把json对象转换成字符串,使用javascript函数JSON.stringify(). 字符串需要保存为二进制数组类型的变量
    • 这是一个技术问题:
      • 二进制数组的大小是无限的,但是字符串的长度有限制
      • 这就是为什么javascript字符串必须转换成一个java字符串以获得转换成二进制的功能
• 原生json功能无法使用,这里提供了一些帮助类ReportData和Dataset:

<?xml version="1.0" encoding="UTF-8"?>
<definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:activiti="http://activiti.org/bpmn"
    xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC"
    xmlns:omgdi="http://www.omg.org/spec/DD/20100524/DI" typeLanguage="http://www.w3.org/2001/XMLSchema"
    expressionLanguage="http://www.w3.org/1999/XPath"
    targetNamespace="activiti-report">

    <process id="process-instance-overview-report" name="Process Instance Overview" isExecutable="true">

        <startEvent id="startevent1" name="Start" />
        <sequenceFlow id="flow1" sourceRef="startevent1" targetRef="generateDataset" />

        <scriptTask id="generateDataset" name="Execute script" scriptFormat="js" activiti:autoStoreVariables="false">
          <script><![CDATA[

               importPackage(java.sql);
               importPackage(java.lang);
               importPackage(org.activiti.explorer.reporting);

               var result = ReportingUtil.executeSelectSqlQuery("SELECT PD.NAME_, PD.VERSION_ , count(*) FROM ACT_HI_PROCINST PI inner join ACT_RE_PROCDEF PD on PI.PROC_DEF_ID_ = PD.ID_ group by PROC_DEF_ID_");





               var reportData = new ReportData;
               var dataset = reportData.newDataset();
               dataset.type = "pieChart";
               dataset.description = "Process instance overview (" + new java.util.Date() + ")"


               while (result.next()) { // process results one row at a time
                 var name = result.getString(1);
                 var version = result.getLong(2);
                 var count = result.getLong(3);
                 dataset.add(name + " (v" + version + ")", count);
               }

               execution.setVariable("reportData", reportData.toBytes());

          ]]></script>
        </scriptTask>
        <sequenceFlow id="flow3" sourceRef="generateDataset" targetRef="theEnd" />

        <endEvent id="theEnd" />

    </process>

</definitions>

报告开始表单

• 报表是使用普通流程来生成的,所以表单功能也可以使用
• 直接在开始事件里加一个开始表单 ,Explorer就会在生成报表之前展示给用户

<startEvent id="startevent1" name="Start">
  <extensionElements>
    <activiti:formProperty id="processDefinition" name="Select process definition" type="processDefinition" required="true" />
      <activiti:formProperty id="chartType" name="Chart type" type="enum" required="true">
        <activiti:value id="pieChart" name="Pie chart" />
        <activiti:value id="barChart" name="Bar chart" />
      </activiti:formProperty>
  </extensionElements>
</startEvent>

• 为用户渲染一个普通的表单:
• 表单属性会在启动流程时提交,然后就可以像普通的流程变量一样使用.脚本中可以使用这些流程变量来生成数据:

var processDefinition = execution.getVariable("processDefinition");

流程示例

• 控制台中包含4个报表示例:
  • Employee productivity(员工的工作效率):
    • 报表演示使用折线图和开始表单
    • 报表的脚本比其他例子要复杂,因为数据会在脚本中先进行解释,再保存到报表数据中
  • Helpdesk(一线与升级):
    • 使用饼图进行展示
    • 结合两个不同的数据库查询结果
  • Process instance overview(流程实例总览):
    • 使用多个数据集的报表实例
    • 报表包含使用相同数据的饼图和列表视图
    • 展示多种数据集可以用来在一个页面中生成不同图表
  • Task duration(任务持续时间):
    • 另一个使用开始表单的例子
    • 会使用对应的变量来动态生成SQL查询语句

修改数据库

• 要修改控制台例子所用的数据库:
  • 改变属性文件:apps/apache-tomcat-6.x/webapps/activiti-explorer/WEB-INF/classes/db.properties
  • 在类路径下放上合适的数据库驱动:
    • Tomcat共享类库
    • 在apps/apache-tomcat-6.x/webapps/activiti-explorer/WEB-INF/lib/ 中