流程插件示例

  • 文档创建者:susie
  • 编辑次数:5次
  • 最近更新:Wendy123456 于 2019-09-19
  • 1. 前言

    本文以一个简单的请假流程示例来演示 流程引擎插件 使用的具体步骤。

    20.png

    2.流程引擎插件安装

    流程引擎插件的安装步骤请参考 流程引擎插件 中的 3.1 章节。

    流程引擎插件的配置步骤请参考 流程引擎插件 中的 3.2 章节。

    3. 模板准备

    本次「表单编号」所用的模板为 请假申请.cpt

    每当流程执行的时候,都会生成一个唯一的编码 「requestid」,可以在数据连接中使用这种方式来过滤每条流程所能看到的数据。

    3.1 数据准备

    3.1.1 数据库中表结构准备

    本次示例中,需要将信息提交到「qingjia」表中,在 Tomcat 服务器内置数据库下找到这张表。

    Tomcat 服务器内置数据库为 %Tomcat_HOME%\webapps\webroot\help 目录下的 FRDemo.db 数据库。

    09.png

    为该表增加一个字段名(字段名可自定义)用来存放 「requestid」。如下图所示:

    90.png

    3.1.2 新建数据查询

    SQL语句:

    SELECT * FROM qingjia where ziduan='${requestid}'

    99.png

    3.2 报表设计

    详细填报报表步骤请参考自由填报报表示例

    本次请假申请.cpt模板设计时所需要注意的地方有以下两处:

    1)所新增字段的值应为参数$requestid

    100.png

    2)将模板数据集中的字段拖入到所设计的报表中。

    03.png

    模板下载:请假申请.cpt

    4. 流程图设计

    请假申请.cpt模板放到%Tomcat_HOME%\webapps\webroot\WEB-INF\reportlets下的任一目录中。

    本次示例将该模板放到了%Tomcat_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\form 目录下:

    37.png

    4.1 添加目录

    本次示例中,在管理系统>目录管理>管理目录下添加了两个目录,分别是「test」和「我的流程」。

    在「test」目录下分别添加「创建流程图」,「部署列表」和「所有流程列表」三个链接。在「我的流程」目录下分别添加「新建流程」,「待办」和「已办」三个链接。

    具体添加链接步骤如下图所示:

    39.png

    创建流程图的链接为:http://localhost:8080/webroot/processDiagram/create

    本次示例所添加的六个链接的具体结尾如下表所示,其中每个链接的「链接路径」格式为:http://localhost:8080/webroot/具体链接结尾

    注:「8080」为实际端口号,「webroot」为 Tomcat独立部署 时实际工程名。

    下表为流程引擎插件所提供的所有链接结尾:

    名称链接结尾(请注意大小写和扩展名)    说明  
    创建流程图

    /processDiagram/create

    管理员端:流程图绘制器页面,可以制作新的流程模型
    部署列表

    /static/jsp/adminjsp/proDeployInfo.jsp

    管理员端:对流程模型进行相关操作,比如部署/删除等
    所有流程列表

    /static/jsp/adminjsp/control.jsp

    管理员端:对正在执行或已经结束的流程进行管理,包括详情查看和删除

    新建流程

    /static/jsp/frontEnd/startProcess.jsp

    用户端:展示所有可以发起的流程,点击连接立即发起

    待办 

    /static/jsp/frontEnd/daibanTask.jsp

    用户端:所有尚未结束的流程中停留在该用户节点的列表
    已办 

    /static/jsp/frontEnd/selHisProcess.jsp

    用户端:该用户发起的所有当前节点不是本人的流程

    4.2 请假流程基本设计

    本次例请假流程在「创建流程图」界面的画布区设计,其中每个节点的属性在属性栏设置。

    注:关于节点的使用和每个节点属性的设置,请参考 流程引擎插件 中的 4.2 章节。

    80.png

    4.3 节点属性配置

    4.3.1 开始节点
    42.png

    4.3.2 提交申请节点

    22.png

    4.3.3 判断请假时长节点

    12.png
    4.3.4 部长Tom审批节点



    27.png
    4.3.5 人资Lily审批节点

    28.png

    4.3.6 通知提交人节点

    30.png

    4.3.7 结束节点

    32.png

    4.3.8 保存与部署

    详细请参考 流程引擎插件 中的 5.1 和 5.2 章节。

    4.3.9 目录权限分配

    本次示例中,请假流程需要 Tom 和 Lily 两个用户,所以需要把「test」和「我的流程」两个目录的查看权限开放给他们。具体步骤如下图所示:

    70.png

    其中,对Tom 和 Lily 两个用户关于「test」和「我的流程」两个目录查看权限的开放,步骤是一样的。

    5. 演示

    本次示例「请假申请流程」的思路:当请假天数小于或等于 2 天时,由 Lily 审批;当请假天数大于 2 天时,可以由多人审批。

    流程部署后,进入「新建流程」页面,选择已经部署好的流程并点击进入。

    21.png

    5.1 请假天数为2天

    1) 填写请假申请表,这里请假天数为 2天 ,填写完成后,点击提交,如下图所示:

    33.png

    2)点击提交后,切换到「已办」界面,如下图所示:

    80.png
    点击详情按钮,选择「流程图Tab」,看到流程已经自动流转到 Lily,如下图所示:

    81.png

    3)退出决策系统登录,以 Lily(123456)账号重新登录演示系统,可看到「待办」页面中多了一个任务。

    34.png

    点击 办理 按钮,填写意见之后点击通过

    86.png

    Lily 可点击退回按钮,将该流程退回到「提交申请」节点处。具体情况如下图所示:

    11.png


    4)再以管理员账号登录,发现「待办」界面内,任务再次转回到发起人,如下图所示:

    35.png
    点击办理,输入提交意见,点击通过按钮,如下图所示:

    88.png

    5)进入「所有流程列表」界面,看到流程已经完成,如下图所示:

    90.png

    5.2 请假天数为3天

    1)以管理员账号重新发起该流程,请假天数为 3,则发现流程自动流转到了 Tom 审批(即条件分支功能)

    14.png

    2)以 Tom(123456)账号登录演示系统,发现多了转办按钮,点击转办,选择一个转办人(比如 Alice)

    16.png

    3) 以 Alice(123456)账号登录,发现已经多了一个待办(即转办功能),审批通过该任务。

    36.png

    4) 以 Lily(123456)账号登录,进入该任务并点击驳回按钮,然后在弹窗中选择回退到提交申请节点。

    20.png

    5)以即管理账号员账号账号登录,重新提交。在流程详情中会发现自动跳过了部长审核直接到 Lily 审核。(即第一次通过第二次默认通过功能)。

    21.png

    附件列表


    主题: 数据决策系统
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526