CN104199651A - 一种图形化流程建模工具设计方法 - Google Patents

Abstract

本发明公开了一种图形化流程建模工具设计方法，其具体实现过程为：设置核心层，该核心层包括绘图区和基本属性区两个层，其中绘图区负责注册、监听标准事件，选择工具绘制各种图形，维护图形信息；基本属性区负责触发相应类型事件，设置图元的基本属性，维护模型信息；根据具体业务进行扩展开发，形成扩展层，该扩展层基于云表单，扩展开发形成云表单插件；上述核心层和扩展层之间通过注册、调用相应事件，完成组件之间的数据交互，这里的组件包括上述绘图区、基本属性区和扩展层。该一种图形化流程建模工具设计方法与现有技术相比，解决现有流程建模工具针对不同业务特点不能重用的问题，实用性强。

Description

一种图形化流程建模工具设计方法

技术领域

本发明涉及流程建模工具技术领域，具体地说是一种实用性强、图形化流程建模工具设计方法。

背景技术

作为工作流管理系统的重要组成部分，工作流过程定义工具即工作流建模工具，为工作流的实施提供了一个实现流程定义的接口和建模环境。图形化流程建模工具，给用户呈现了可视化的工作流流程设计界面。不仅简化了流程建模的难度，提高了工作流实施者的工作效率；而且有效的降低了手工编程的错误率，提高了工作流系统的稳定性。

现有的图形化流程建模工具，大都是针对自己的工作流产品，结合特定的业务特点，进行量身定做，因此该类流程建模工具扩展较为困难，重用性不高。

基于此，现提出一种解决现有流程建模工具针对不同业务特点不能重用问题的图形化流程建模工具设计方法。

发明内容

本发明的技术任务是针对以上不足之处，提供一种实用性强、图形化流程建模工具设计方法。　　

  一种图形化流程建模工具设计方法，其具体实现过程为：

设置核心层，该核心层包括绘图区和基本属性区两个层，其中绘图区负责注册、监听标准事件，选择工具绘制各种图形，维护图形信息；基本属性区负责触发相应类型事件，设置图元的基本属性，维护模型信息；

根据具体业务进行扩展开发，形成扩展层，该扩展层基于云表单，扩展开发形成云表单插件；

上述核心层和扩展层之间通过注册、调用相应事件，完成组件之间的数据交互，这里的组件包括上述绘图区、基本属性区和扩展层。

所述云表单插件的形成过程为：云表单触发事件，实现云表单功能；云表单自定义业务模型；保存云表单模型到云表单的数据表中，形成云表单插件。

所述数据交互过程为：

流程设计工具初始化，各组件绑定相应事件；

属性区环节名称变更，触发绘图区绑定事件；

绘图区响应触发的事件，然后触发扩展组件绑定事件，通知其它组件更新环节名称；

基本属性区、扩展层响应扩展组件绑定事件，更改环节名称。

所述核心层维护流程基于BPMN模型，扩展层云表单组件维护CForm自定义模型，各组件的模型独立存储，分别存储到各自的数据库表中。

本发明的一种图形化流程建模工具设计方法，具有以下优点：

该发明的一种图形化流程建模工具设计方法采用组件化形式，用户可以根据业务需求，选择所需要的组件，各组件独立维护XML模型，提升了流程建模工具的可伸缩性；支持扩展开发，使得开发人员可以基于该流程设计工具核心类库，开发符合业务特点的流程设计工具，提高了开发效率；参与者可配置、可扩展，根据客户的需求，配置、扩展开发相应的参与者类型，提高了参与者设置的灵活性；基于HTML技术，采用通用js类库，保证兼容主流浏览器，支持国产化操作系统；实用性强，适用范围广泛，易于推广。

附图说明

附图1为本发明的实现流程图。

附图2为本发明的组件交互图。

附图3为本发明的参与者扩展开发示意图。

具体实施方式

下面结合附图和具体实施例对本发明作进一步说明。

本发明提供一种图形化流程建模工具设计方法，采用组件化设计思想，支持扩展开发；该流程设计工具核心组件提供基本绘图、基本属性设置功能，并提供了api、注册标准事件等，扩展层首先引入流程设计工具核心组件，调用相应的api获取、修改流程基本信息，注册或监听相应标准事件来实现核心组件与扩展组件之间的数据交互；各组件分别对应自己的业务模型，各模型相互独立，通过事件机制进行交互数据，各模型独立存储到对应组件的数据表中；为实现参与者设置的灵活性、多样性，该发明提供了参与者类型的扩展开发和动态配置机制，参与者模型期、运行期分离，实现了参与者与流程的松耦合；该发明基于HTML技术，采用通用js类库，保证兼容主流浏览器，并支持国产化操作系统。基于上述设计思路，该方法的具体实现过程为：

为了实现该流程建模工具的扩展性，该框架采用分层组件化思想，各组件维护自己的模型信息，各模型独立存储，组件之间使用事件通知机制，如附图1所示。

1）分层机制。

流程核心分绘图区和基本属性区两个层，之上基于具体业务进行扩展开发，形成各个扩展层，如附图1，基于云表单，扩展开发形成云表单插件，层与层之间引用方式如下所示：

<jsp:include page=""></jsp:include>

为了实现各层之间的数据交互，各组件暴露自己的api，注册相应的事件，来供各组件之间相互调用。

2）图形、模型分离机制。

可视化流程设计工具分绘图区和属性区，绘图区用于绘制图元，属性区用于设置图元的属性信息，为了实现图形和模型的松耦合，该发明将流程图形信息与模型信息分离，绘图区维护图形信息，属性区维护模型信息。

3）事件通知机制。

为了实现各组件之间的松耦合，该流程设计工具采用事件通知机制，各组件通过注册、调用相应事件，完成组件之间的数据交互。核心层提供标准事件类：

1、注册事件类型，核心层绑定该事件，供其他组件调用，如：

    // 绑定自定义事件：增加节点时触发。

WFEvent.bind("wfd_add_element",function(event){})；

2、提供调用事件类型，由其他组件注册绑定，核心层调用，如：

// 增加节点/迁移线，触发事件，构建业务模型。

WF_ADD_MODEL： "wf_event_add_model"。

各扩展组件可以根据实际的需要，注册、监听相应的事件，来完成各组件之间的数据交互。

附图2所示，流程基本属性修改后，各组件之间的交互过程：

A、流程设计工具初始化，各组件绑定相应事件；如绘图区绑定事件WF_UPDATE_DIAGRAM，基本属性区、扩展组件绑定事件WF_UPDATE_MODEL；

B、属性区环节名称变更，触发事件WF_UPDATE_DIAGRAM；

C、绘图层响应事件WF_UPDATE_DIAGRAM，然后触发事件WF_UPDATE_MODEL，通知其他组件更新环节名称；

D、基本属性区、扩展组件响应WF_UPDATE_MODEL事件，更改环节名称。

4）模型独立存储机制。

该流程设计工具的组件化设计，使得各个组件可能分离在不同的应用系统中，因此该发明采用各组件独立维护自己的模型，如附图1，核心层维护流程基本BPMN模型，而扩展层CForm组件维护CForm自定义模型，并且各组件的模型独立存储，分别持久化到各自的数据库表中。

参与者扩展机制。

为了实现工作流系统对“组织模型”的支持，满足客户个性化的需求，本发明在提供对通用组织模型支持的基础上，采用松耦合方式，提供参与者扩展开发、动态配置机制，如附图3所示：

流程建对应模型期，流程流转引擎对应运行期，该系统提供参与者注册功能，在流程设计工具中调用参与者页面设置对应的参与者，在运行期调用所注册的参与者解析类，对参与者进行解析，转换为实际的处理人。针对客户的个性化需求，可以扩展开发对应的参与者选择页面及对应的参与者解析类。其中参与者选择页面返回值类型如下所示：

{typeId, typeName, itemId, itemName}。

参与者解析类返回值类型如下所示：

{organId, organName}

在上述技术方案中，整个方法基于html技术，采用通用js类库，使用XML模型，存储于关系数据库，前后台交互使用ajax技术。

为了实现该流程建模工具的扩展性，该框架采用分层组件化架构模式，各组件之间使用事件通知机制。如图一所示，核心层绘图区与属性区分层，图形和模型分离；核心层与业务层分层管理，独立维护XML模型，并分库进行存储；层与层之间通过事件通知消息机制进行通信。

绘图时采用SVG、VML格式的矢量图，使用raphael.js类库进行操作，实现BPMN基本图元的展现。

上述步骤中提到的事件机制则基于jquery类库，使用事件绑定、触发方法，实现事件通知机制；在此基础上实现图形拖拽、大小缩放、参考线对其、层与层事件通知等功能。

上述步骤基于HTML图形化流程建模工具核心类库，可以根据实际的业务特点，进行扩展开发，形成符合业务特点的流程建模工具，从而提高开发效率。

上述具体实施方式仅是本发明的具体个案，本发明的专利保护范围包括但不限于上述具体实施方式，任何符合本发明的一种图形化流程建模工具设计方法的权利要求书的且任何所属技术领域的普通技术人员对其所做的适当变化或替换，皆应落入本发明的专利保护范围。

Claims (4)

1.一种图形化流程建模工具设计方法，其特征在于其具体实现过程为：

设置核心层，该核心层包括绘图区和基本属性区两个层，其中绘图区负责注册、监听标准事件，选择工具绘制各种图形，维护图形信息；基本属性区负责触发相应类型事件，设置图元的基本属性，维护模型信息；

根据具体业务进行扩展开发，形成扩展层，该扩展层基于云表单，扩展开发形成云表单插件；

上述核心层和扩展层之间通过注册、调用相应事件，完成组件之间的数据交互，这里的组件包括上述绘图区、基本属性区和扩展层。

2.根据权利要求1所述的一种图形化流程建模工具设计方法，其特征在于：所述云表单插件的形成过程为：云表单触发事件，实现云表单功能；云表单自定义业务模型；保存云表单模型到云表单的数据表中，形成云表单插件。

3.根据权利要求1所述的一种图形化流程建模工具设计方法，其特征在于：所述数据交互过程为：

流程设计工具初始化，各组件绑定相应事件；

属性区环节名称变更，触发绘图区绑定事件；

绘图区响应触发的事件，然后触发扩展组件绑定事件，通知其它组件更新环节名称；

基本属性区、扩展层响应扩展组件绑定事件，更改环节名称。

4.根据权利要求1所述的一种图形化流程建模工具设计方法，其特征在于：所述核心层维护流程基于BPMN模型，扩展层云表单组件维护CForm自定义模型，各组件的模型独立存储，分别存储到各自的数据库表中。