CN104063545A - 一种动态展示流程跟踪图的方法及系统 - Google Patents

Abstract

本发明涉及一种动态展示流程跟踪图的方法及系统，所述方法包括：步骤1，从WEB页面获取业务标识；步骤2，提取业务标识所对应流程环节的数据集合；步骤3，对提取出的流程环节的数据集合中进行筛选，筛选出有正常环节标识的流程环节，并将筛选出的流程环节组成用于动态展示流程跟踪图的数据集合；步骤4，将筛选出的数据集合以流程跟踪图形式在WEB页面中动态展示。所述系统与该方法的技术方案一一对应。本发明通过对流程环节的数据集合规则配置，后台数据筛选过滤处理，实现前台流程跟踪图动态展示，从而提高业务可扩展性、灵活多变性、修改及时有效性及简单易操作性。

Description

一种动态展示流程跟踪图的方法及系统

技术领域

本发明涉及通信技术的BOSS(业务运营支撑系统)领域，特别是涉及一种动态展示流程跟踪图的方法及系统。

背景技术

在页面流程跟踪图展示过程中，某些业务需求要求针对不同业务场景、业务规则来展示不同的流程跟踪图。对此，通常的处理方案是把业务实例化，再通过具体页面逐一呈现出来。该处理方案存在两个主要缺点：一是数据模型设计上的局限性，不能或不利于动态扩展；二是前台页面展示需要针对具体业务做独立处理，在增加、修改或是删除业务环节时需要对具体业务页面做程序代码修改，增加了操作的难度。

为解决上述问题，本发明提出了一种动态展示流程跟踪图的方法及系统。

发明内容

本发明所要解决的技术问题是提供一种动态展示流程跟踪图的方法及系统，用于解决页面流程跟踪图的动态展示问题。

本发明解决上述技术问题的技术方案如下：一种动态展示流程跟踪图的方法，包括：

步骤1，从WEB页面获取业务标识；

步骤2，根据业务标识，提取业务标识所对应流程环节的数据集合；

步骤3，对提取出的流程环节的数据集合中进行筛选，筛选出所有正常流程环节和经历过的异常流程环节，并将筛选出的流程环节组成用于动态展示流程跟踪图的数据集合；

步骤4，运用HTML页面技术，将筛选出的数据集合以流程跟踪图形式在WEB页面中动态展示。

在上述技术方案的基础上，本发明还可以做如下改进。

进一步，所述流程环节的数据集合存储于数据库中，且经所述步骤2提取后临时存储于页面缓存中。

进一步，数据库对其存储的流程环节的数据集合进行配置，具体包括：按照流程环节的流转顺序，在数据库中手动配置流程环节详细信息表和环节流转路由表，所述流程环节详细信息表用于记录每个流程环节的详细信息，所述环节流转路由表用于记录每个流程环节之间的执行顺序。

进一步，所述步骤3中，正常流程环节带有正常环节标识，通过正常环节标识筛选出所有正常流程环节。

进一步，所述步骤4还包括生成与动态展示的流程跟踪图相对应的JS脚本。本发明的技术方案还包括一种动态展示流程跟踪图的系统，包括依次连接的业务标识获取模块、环节数据提取模块、数据集合重组模块和流程跟踪图生成模块：

所述业务标识获取模块，其用于从WEB页面获取业务标识；

所述环节数据提取模块，其用于根据业务标识，提取业务标识所对应流程环节的数据集合；

所述数据集合重组模块，其用于对提取出的流程环节的数据集合中进行筛选，筛选出所有正常流程环节和经历过的异常流程环节，并将筛选出的流程环节组成用于动态展示流程跟踪图的数据集合；

所述流程跟踪图生成模块，其用于运用HTML页面技术，将筛选出的数据集合以流程跟踪图形式在WEB页面中动态展示。

进一步，所述流程环节的数据集合存储于数据库中，且经所述环节数据提取模块提取后临时存储于页面缓存中。

进一步，数据库对其存储的流程环节的数据集合进行配置，具体包括：按照流程环节的流转顺序，在数据库中手动配置流程环节详细信息表和环节流转路由表，所述流程环节详细信息表用于记录每个流程环节的详细信息，所述环节流转路由表用于记录每个流程环节之间的执行顺序。

进一步，所述正常流程环节带有正常环节标识，所述数据集合重组模块通过正常环节标识筛选出所有正常流程环节。

进一步，所述所述流程跟踪图生成模块还用于生成与动态展示的流程跟踪图相对应的JS脚本。

本发明的有益效果是：本发明通过对流程环节的数据集合规则配置，后台数据筛选过滤处理，实现前台流程跟踪图动态展示，并对展示的流程跟踪图中的环节做了优化，使整个流程跟踪图更加直观、简洁，从而提高业务可扩展性、灵活多变性、修改及时有效性及简单易操作性。

附图说明

图1为本发明所述动态展示流程跟踪图方法的流程示意图；

图2为本发明所述动态展示流程跟踪图系统的结构示意图；

图3为本发明所述动态展示流程跟踪图的功能显示图；

图4为本发明所述动态展示“正常流”流程跟踪图。

图5为本发明所述动态展示“异常流”流程跟踪图。

具体实施方式

以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。

如图1所示，本实施例提出了一种流程跟踪图动态展示流程跟踪图的方法，具体包括以下步骤：

步骤1，从WEB页面获取业务标识。

步骤2，根据业务标识，在数据库中提取业务标识所对应流程环节的数据集合，并临时存储至页面缓存中。数据库中存储的流程环节的数据集合都是提前配置好的，每个业务均对应有一个数据集合，且根据不同业务的需要，在数据库中对流程环节参数进行手工配置，比如正常流程环节即配置有正常环节标识。

步骤3，在页面缓存中，对提取出的流程环节的数据集合进行筛选，筛选出数据库所有正常流程环节和经历过的异常流程环节，并将筛选出的流程环节组成用于动态展示流程跟踪图的新的数据集合。该步骤是通过对流程环节的筛选，以给用户最直观简洁的流程跟踪图示例，避免异常环节导致流程跟踪图过于复杂烦乱。

步骤4，运用HTML页面技术，将筛选出的数据集合以流程跟踪图形式在WEB页面中动态展示。所述HTML页面技术可采用JAVASCRIT技术和/或CSS技术。

本实施例中，所述步骤1中通过JAVA技术从WEB页面获取业务标识；所述步骤2中流程环节的数据集合包括有流程环节配置、流程环节处理人和流程环节处理数据等；所述步骤3中，正常流程环节带有正常环节标识，通过正常环节标识筛选出所有正常流程环节；所述步骤4中，还包括生成与展示的流程跟踪图相对应的JS脚本。

如图2所示，对应上述方法，本实施例还提出一种流程跟踪图动态展示流程跟踪图的系统，包括依次连接的业务标识获取模块、环节数据提取模块、数据集合重组模块和流程跟踪图生成模块：

所述业务标识获取模块，其用于从WEB页面获取业务标识；

所述环节数据提取模块，其用于根据业务标识，在数据库中提取业务标识所对应流程环节的数据集合，并临时存储至页面缓存中；

所述数据集合重组模块，其用于在页面缓存中，对提取出的流程环节的数据集合中进行筛选，筛选出数据库中有正常环节标识的流程环节，并将筛选出的流程环节组成用于动态展示流程跟踪图的数据集合；

所述流程跟踪图生成模块，其用于运用HTML页面技术，将筛选出的数据集合以流程跟踪图形式在WEB页面中展示。

该系统与上述的动态展示流程跟踪图的方法的技术方案一一对应，其具体实施细节一致，这里不再多述。

下面结合一个应用例对本实施例的具体实施细节进行描述，如图3所示，主要包括以下几个部分。

一、业务标识获取。

业务标识，如商机编码，需由前台采用JAVA技术从WEB页面获取。

二、环节数据提取。

前台选择业务标识后，根据业务标识(如商机编码)获取数据库中配置的相应流程环节的数据集合。数据库对流程环节的数据集合是按一定的规则进行配置的，具体的配置规则为：按照流程环节的流转顺序，在数据库中手动配置流程环节详细信息表和环节流转路由表；如表1所示，所述流程环节详细信息表为纵表，用于记录每个流程环节的“环节编号”、“环节名称”、“环节所对应的URL地址”、“是否为正常环节”等详细信息，；如表2所示，所述环节流转路由表则用于记录每个流程环节之间的执行顺序，以便页面在取到相关信息后根据环节与环节直接的流转关系生成流程跟踪图。

表1

表2

	环节编号	路由编号	下一环节编号	路由名称
					1	T10031_3	1	T10031_4	提交
2	T10031_2	1	T10031_1	提交
					3	T10031_2	2	T10031_2	保存
4	T10031_2	3	T10031_6	结束
					5	T10031_1	1	T10031_3	同意
6	T10031_1	2	T10031_2	不同意
					7	T10031_0	1	T10031_1	提交
8	T10031_6	1	000	结束
					9	T10031_4	1	000	结束

按照数据库中对流程环节的数据集合的配置规则，即形成了可配置的流程数据模型，因此可直接通过JAVA技术向数据库查询业务标识对应的流程环节的数据集合，由数据库反馈给后台，并进行数据封装。通过可配置的流程数据模型，解决了传统处理方案在数据模型设计上的局限性。

三、数据集合重组。

后台接收数据库反馈的原始流程环节的数据集合后，筛选出有“正常环节标识”(数据库中有记录)的正常流程环节和经历过的的没有“正常环节标识”的异常流程环节，并组成新的集合。比如说一个业务有提交业务、审批、合同签订、合同审阅和归档5个正常流程环节，但实际中只执行了“提交业务”和“审批”这两步，但由于是流程跟踪图，所以需将后续的三个正常流程环节均显示出来，以便用户清楚后面还要走几步才能完成整个流程。但在实际情况中，执行“审批”后有两种情况，一是通过，那么流程环节就流转到“合同签订”去了；一是“打回”，那么流程就流转到“业务求修改”的异常流程环节。即说明，当整个流程中有流转至异常流程环节时，流程跟踪图还是显示其经历的异常流程环节和后续的没有经历过的正常流程环节，来告诉用户后面还要走几步才能完成。

举例说明，数据集合重组后，在生成动态流程跟踪图的过程中，当整个流程正常推动，无“打回”等异常环节操作时，生成的动态流程跟踪图如图4所示，只显示正常流所需要展示的环节，即如图4所示的提交-审核-完成；当流程中有“打回”等异常环节时，流程跟踪图则只在“正常流”中插入流转过的环节即可，如图5所示，在图5的1、3环节中间加入4、5、6、7环节。

四、流程跟踪图及JS脚本生成。

WEB页面根据上一步重组的流程环节的数据集合生成动态流程跟踪图，并生成相应JS脚本，鼠标滑动至某一流程环节上调用JS脚本，即能以动态流程跟踪图的形式展示当前环节的处理信息，如处理时间、处理人、处理人电话、处理结果等。流程跟踪图的动态展示解决了传统方法在增加、修改或是删除业务环节时需要对具体业务页面做程序代码修改的问题。以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种动态展示流程跟踪图的方法，其特征在于，包括：

步骤1，从WEB页面获取业务标识；

步骤2，根据业务标识，提取业务标识所对应流程环节的数据集合；

步骤3，对提取出的流程环节的数据集合中进行筛选，筛选出所有正常流程环节和经历过的异常流程环节，并将筛选出的流程环节组成用于动态展示流程跟踪图的数据集合；

步骤4，运用HTML页面技术，将筛选出的数据集合以流程跟踪图形式在WEB页面中动态展示。

2.根据权利要求1所述的方法，其特征在于，所述流程环节的数据集合存储于数据库中，且经所述步骤2提取后临时存储于页面缓存中。

3.根据权利要求2所述的方法，其特征在于，数据库对其存储的流程环节的数据集合进行配置，具体包括：按照流程环节的流转顺序，在数据库中手动配置流程环节详细信息表和环节流转路由表，所述流程环节详细信息表用于记录每个流程环节的详细信息，所述环节流转路由表用于记录每个流程环节之间的执行顺序。

4.根据权利要求1所述的方法，其特征在于，所述步骤3中，正常流程环节带有正常环节标识，且通过正常环节标识筛选出所有正常流程环节。

5.根据权利要求1所述的方法，其特征在于，所述步骤4还包括生成与动态展示的流程跟踪图相对应的JS脚本。

6.一种动态展示流程跟踪图的系统，其特征在于，包括依次连接的业务标识获取模块、环节数据提取模块、数据集合重组模块和流程跟踪图生成模块：

所述业务标识获取模块，其用于从WEB页面获取业务标识；

所述环节数据提取模块，其用于根据业务标识，提取业务标识所对应流程环节的数据集合；

所述数据集合重组模块，其用于对提取出的流程环节的数据集合中进行筛选，筛选出所有正常流程环节和经历过的异常流程环节，并将筛选出的流程环节组成用于动态展示流程跟踪图的数据集合；

所述流程跟踪图生成模块，其用于运用HTML页面技术，将筛选出的数据集合以流程跟踪图形式在WEB页面中动态展示。

7.根据权利要求6所述的系统，其特征在于，所述流程环节的数据集合存储于数据库中，且经所述环节数据提取模块提取后临时存储于页面缓存中。

8.根据权利要求7所述的系统，其特征在于，数据库对其存储的流程环节的数据集合进行配置，具体包括：按照流程环节的流转顺序，在数据库中手动配置流程环节详细信息表和环节流转路由表，所述流程环节详细信息表用于记录每个流程环节的详细信息，所述环节流转路由表用于记录每个流程环节之间的执行顺序。

9.根据权利要求6所述的系统，其特征在于，所述正常流程环节带有正常环节标识，所述数据集合重组模块通过正常环节标识筛选出所有正常流程环节。

10.根据权利要求6所述的系统，其特征在于，所述所述流程跟踪图生成模块还用于生成与动态展示的流程跟踪图相对应的JS脚本。