CN102196000B - 一种基于b/s结构的业务流程可视化方法及系统 - Google Patents

Abstract

本发明公开了一种基于B/S结构的业务流程可视化方法，包括：用户在浏览器端采用预定义的图标、连接线进行流程图的绘制操作；依据所述用户的绘制操作实时展示当前流程图的绘制进度，并针对相应的图标、连接线添加属性信息至流程图描述文件中；依据用户提交的流程图保存请求，将所述流程图描述文件传输至服务器；在服务器端保存所述流程图描述文件。本发明可以实现在B/S结构下，用图形的方式来绘制并展示业务的流程。

Description

一种基于B/S结构的业务流程可视化方法及系统

技术领域

本发明涉及数据可视化的技术领域，特别是涉及一种基于B/S结构的业务流程可视化方法，以及，一种基于B/S结构的业务流程可视化系统。

背景技术

B/S(Browser/Server)结构即浏览器和服务器结构。它是随着Internet技术的兴起，对C/S结构((Client/Serve，客户机和服务器结构)的一种变化或者改进的结构。在这种结构下，用户工作界面是通过WWW浏览器来实现，极少部分事务逻辑在前端(Browser)实现，但是主要事务逻辑在服务器端(Server)实现，形成所谓三层3-tier结构。这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降低了用户的总体成本(TCO)。

随着应用软件技术的发展，以及业务流程的日趋复杂、系统化程度越来越高，工艺流程自动化控制技术也应用得更加广泛。例如，为了全程监控电视节目制播过程中各项任务的完成情况，需要在浏览器端向相关人员展示各项业务流程进度的情况，即进行可视化。

相比于传统的文字展示方式，图形化的展示方法比较直观、便捷，然而，在B/S结构下，由于所有的操作只能在浏览器中进行，对于用鼠标画图形是一件很困难的事，特别是还要兼容不同的浏览器。因而，在现有的系统中，基本还是如图1所示采用文字的方式来展示业务的流程。

因而，目前迫切需要本领域技术人员解决的一个技术问题就是：如何在B/S结构下，用图形的方式来绘制并展示业务的流程。

发明内容

本发明所要解决的技术问题是提供一种基于B/S结构的业务流程可视化方法及系统，用以实现在B/S结构下，用图形的方式来绘制并展示业务的流程。

为了解决上述技术问题，本发明实施例公开了一种基于B/S结构的业务流程可视化方法，其特征在于，包括：

用户在浏览器端采用预定义的图标、连接线进行流程图的绘制操作；

依据所述用户的绘制操作实时展示当前流程图的绘制进度，并针对相应的图标、连接线添加属性信息至流程图描述文件中；

依据用户提交的流程图保存请求，将所述流程图描述文件传输至服务器；

在服务器端保存所述流程图描述文件。

优选的，所述的方法，还包括：

依据用户提交的流程图查看请求，服务器提取相应的流程图描述文件并传输至浏览器端；

浏览器端解析所述流程图描述文件后，以图形方式展示对应的流程图。

优选的，所述的方法，还包括：

按照预置的业务流程校验规则，校验当前绘制的流程图是否完整。

优选的，所述图标、连接线的属性信息包括类型信息、名称信息、位置信息、形状信息、节点定义信息和/或连接线走向信息。

优选的，所述在服务器端保存流程图描述文件的方式为关系数据库方式，所述的方法还包括：

解析所述流程图描述文件，获得相应的流程节点信息及流程节点连接信息；

所述在服务器端保存流程图描述文件的步骤进一步包括：

将当前形成的流程图保存至第一数据库表中，将所述流程图对应的流程节点信息及流程节点连接信息分别保存至第二数据库表和第三数据库表中；

依据所述流程图的名称关联所述第一数据库表、第二数据库表和第三数据库表，形成相应的关系数据库。

本发明实施例还公开了一种基于B/S结构的业务流程可视化系统，包括：

图形绘制模块，用于由用户在浏览器端采用预定义的图标、连接线进行流程图的绘制操作；

属性描述添加模块，用于依据所述用户的绘制操作实时展示当前流程图的绘制进度，并针对相应的图标、连接线添加属性信息至流程图描述文件中；

传输模块，用于依据用户提交的流程图保存请求，将所述流程图描述文件传输至服务器；

保存模块，用于在服务器端保存所述流程图描述文件。

优选的，所述的系统，还包括：

查看请求处理模块，用于依据用户提交的流程图查看请求，服务器提取相应的流程图描述文件并传输至浏览器端；

图形展示模块，用于浏览器端解析所述流程图描述文件后，以图形方式展示对应的流程图。

优选的，所述的系统，还包括：

流程校验模块，用于按照预置的业务流程校验规则，校验当前绘制的流程图是否完整。

优选的，所述图标、连接线的属性信息包括类型信息、名称信息、位置信息、形状信息、节点定义信息和/或连接线走向信息。

优选的，所述在服务器端保存流程图描述文件的方式为关系数据库方式，所述的系统还包括：

文件解析模块，用于解析所述流程图描述文件，获得相应的流程节点信息及流程节点连接信息；

所述保存模块进一步包括：

数据库表保存子模块，用于将当前形成的流程图保存至第一数据库表中，将所述流程图对应的流程节点信息及流程节点连接信息分别保存至第二数据库表和第三数据库表中；

关系数据库生成子模块，用于依据所述流程图的名称关联所述第一数据库表、第二数据库表和第三数据库表，形成相应的关系数据库。

与现有技术相比，本发明具有以下优点：

本发明通过预定义图标、连接线，在绘制流程图时，每绘制一个图标或连接线即实时在浏览器端展示，同时将此图标或连接的属性信息添加到流程图描述文件中，当用户画完流程图保存的时候，就会将此描述文件传输到后台服务器，并在服务器端保存此文件。在本发明中，用户可以通过浏览器来绘制流程图，并定义流程图的属性，从而使得用户绘制流程图时更直观和方便。

附图说明

图1是现有技术中采用文字的方式来展示业务流程的示意图；

图2是本发明的一种基于B/S结构的业务流程可视化方法实施例的流程图；

图3是本发明的一种基于B/S结构的业务流程可视化系统实施例的结构框图。

具体实施方式

为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明。

参考图2，示出了本发明的一种基于B/S结构的业务流程可视化方法实施例的流程图，具体可以包括以下步骤：

步骤201、用户在浏览器端采用预定义的图标、连接线进行流程图的绘制操作；

步骤202、依据所述用户的绘制操作实时展示当前流程图的绘制进度，并针对相应的图标、连接线添加属性信息至流程图描述文件中；

步骤203、依据用户提交的流程图保存请求，将所述流程图描述文件传输至服务器；

步骤204、在服务器端保存所述流程图描述文件。

在具体实现中，整个流程绘制都可以通过一个流程编辑器实现，流程编辑器主要包括两个功能：图形展示和图形编辑。

当新建一个流程图时，流程编辑器会生成一个画布并展示给用户，画布上有一些预定义流程的图标、连接线和属性设置的对话框。用户只需要按业务需求拖动画布上的图标并用连接线将图标连接起来，就能绘制流程图。在绘制流程图时，当绘制一个图标或连接线的时，就会在浏览器上实时展示一个图标或连接线，同时关于该图标或连接线的属性信息会被添加到一个文件(流程图描述文件)中，例如，在拖动每个图标时流程编辑器都会计算图标的位置，图标的起始等，并将这些信息保存到流程图描述文件中，用户还可以定义流程的每个节点属性，连接线走向的条件信息等，这些信息都会保存到流程图描述文件。

当用户画完流程图保存的时候，就会将此流程图描述文件传输到后台服务器，服务器在接收到此文件后，会以将文件以文件或者数据库的方式进行保存。因而，采用本发明实施例，用户可以通过浏览器来绘制流程图，并定义流程图的属性，让用户绘制流程图时更直观和方便。

在实际中，所述图标、连接线的属性信息可以包括类型信息、名称信息、位置信息、形状信息、节点定义信息和/或连接线走向信息等。为节省浏览器端的资源，所述实时记录生成的流程图描述文件可以设置在缓存中。

为便于用户查看之前绘制的流程图，在本发明的一种优选实施例中，所述基于B/S结构的业务流程可视化方法还可以包括如下步骤：

依据用户提交的流程图查看请求，服务器提取相应的流程图描述文件并传输至浏览器端；

浏览器端解析所述流程图描述文件后，以图形方式展示对应的流程图。

在这种情况下，保存的流程图可以随时查看，查看时流程编辑器会获取相应的流程文件，并解析文件以图形的方式在画布上展示给用户。即当用户查看时，服务器就会将此流程图文件传输到浏览器端，浏览器端的程序解析文件并生成相应图形。

为了保证流程的完整性，流程编辑器还提供流程验证功能，即可以通过预定义的流程校验规则来验证所绘制的流程是否完整。即在本发明的一种优选实施例中，所述基于B/S结构的业务流程可视化方法还可以包括如下步骤：

按照预置的业务流程校验规则，校验当前绘制的流程图是否完整。

作为一种应用示例，所述在服务器端保存流程图描述文件的方式可以为关系数据库方式，在这种情况下所述的方法还包括：

解析所述流程图描述文件，获得相应的流程节点信息及流程节点连接信息；

所述在服务器端保存流程图描述文件的步骤204可以进一步包括以下子步骤：

子步骤S1、将当前形成的流程图保存至第一数据库表中，将所述流程图对应的流程节点信息及流程节点连接信息分别保存至第二数据库表和第三数据库表中；

子步骤S2、依据所述流程图的名称关联所述第一数据库表、第二数据库表和第三数据库表，形成相应的关系数据库。

在本实施例中，当服务器在接收到流程图描述文件后，根据文件的内容解析文件，并将这些信息保存到数据库中，在数据库中用不同的表来保存流程图的不同模块。具体而言，可以将流程图分解为两个大的模块一个是各个流程节点，一个是各流程节点之间的连线。

首先用一张表来保存这个流程图，而流程图会对应流程节点和流程节点连线的两张表，根据这三种表的对应关系，只要知道了流程的名称，就可以找到流程的任何一个节点或者节点之间的联系，这样就将一张流程图通过关系数据库完整的保存了下来。

需要说明的是，对于前述的方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。

参考图3，示出了本发明的一种基于B/S结构的业务流程可视化系统实施例的结构框图，具体可以包括以下模块：

图形绘制模块301，用于由用户在浏览器端采用预定义的图标、连接线进行流程图的绘制操作；

属性描述添加模块302，用于依据所述用户的绘制操作实时展示当前流程图的绘制进度，并针对相应的图标、连接线添加属性信息至流程图描述文件中；

传输模块303，用于依据用户提交的流程图保存请求，将所述流程图描述文件传输至服务器；

保存模块304，用于在服务器端保存所述流程图描述文件。

在本发明的一种优选实施例中，所述的系统还可以包括以下模块：

查看请求处理模块，用于依据用户提交的流程图查看请求，服务器提取相应的流程图描述文件并传输至浏览器端；

图形展示模块，用于浏览器端解析所述流程图描述文件后，以图形方式展示对应的流程图。

在本发明的一种优选实施例中，所述的系统还可以包括以下模块：

流程校验模块，用于按照预置的业务流程校验规则，校验当前绘制的流程图是否完整。

在具体实现中，所述图标、连接线的属性信息可以包括类型信息、名称信息、位置信息、形状信息、节点定义信息和/或连接线走向信息。

作为一种应用示例，所述在服务器端保存流程图描述文件的方式可以为关系数据库方式，在这种情况下，所述的系统还可以包括以下模块：

文件解析模块，用于解析所述流程图描述文件，获得相应的流程节点信息及流程节点连接信息；

所述保存模块可以进一步包括以下子模块：

数据库表保存子模块，用于将当前形成的流程图保存至第一数据库表中，将所述流程图对应的流程节点信息及流程节点连接信息分别保存至第二数据库表和第三数据库表中；

关系数据库生成子模块，用于依据所述流程图的名称关联所述第一数据库表、第二数据库表和第三数据库表，形成相应的关系数据库。

由于图3所示的系统实施例基本相应于前述图2所示的方法实施例，故本实施例的描述中未详尽之处，可以参见前述实施例中的相关说明，在此就不赘述了。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。

本发明可用于众多通用或专用的计算系统环境或配置中。例如：多处理器系统、服务器、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。

本发明可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本发明，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

以上对本发明所提供的一种基于B/S结构的业务流程可视化方法，以及，一种基于B/S结构的业务流程可视化系统进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (2)

1.一种基于B/S结构的业务流程可视化方法，其特征在于，包括：

用户在浏览器端采用预定义的图标、连接线进行流程图的绘制操作；

依据所述用户的绘制操作实时展示当前流程图的绘制进度，并针对相应的图标、连接线添加属性信息至流程图描述文件中；其中所述图标、连接线的属性信息包括类型信息、名称信息、位置信息、形状信息、节点定义信息和/或连接线走向信息，所述实时记录生成的流程图描述文件设置在缓存中；

依据用户提交的流程图保存请求，将所述流程图描述文件传输至服务器；

在服务器端保存所述流程图描述文件；

其中，所述在服务器端保存流程图描述文件的方式为关系数据库方式，所述的方法还包括：

解析所述流程图描述文件，获得相应的流程节点信息及流程节点连接信息；

所述在服务器端保存流程图描述文件的步骤进一步包括：

将当前形成的流程图保存至第一数据库表中，将所述流程图对应的流程节点信息及流程节点连接信息分别保存至第二数据库表和第三数据库表中；

依据所述流程图的名称关联所述第一数据库表、第二数据库表和第三数据库表，形成相应的关系数据库；

和/或，所述方法还包括：

依据用户提交的流程图查看请求，服务器提取相应的流程图描述文件并传输至浏览器端；

浏览器端解析所述流程图描述文件后，以图形方式展示对应的流程图；

和/或，所述方法还包括：

按照预置的业务流程校验规则，校验当前绘制的流程图是否完整。

2.一种基于B/S结构的业务流程可视化系统，其特征在于，包括：

图形绘制模块，用于由用户在浏览器端采用预定义的图标、连接线进行流程图的绘制操作；

属性描述添加模块，用于依据所述用户的绘制操作实时展示当前流程图的绘制进度，并针对相应的图标、连接线添加属性信息至流程图描述文件中；其中所述图标、连接线的属性信息包括类型信息、名称信息、位置信息、形状信息、节点定义信息和/或连接线走向信息，所述实时记录生成的流程图描述文件设置在缓存中；

传输模块，用于依据用户提交的流程图保存请求，将所述流程图描述文件传输至服务器；

保存模块，用于在服务器端保存所述流程图描述文件；

其中，所述在服务器端保存流程图描述文件的方式为关系数据库方式，所述的系统还包括：

文件解析模块，解析所述流程图描述文件，获得相应的流程节点信息及流程节点连接信息；

所述保存模块进一步包括：

数据库表保存子模块，用于将当前形成的流程图保存至第一数据库表中，将所述流程图对应的流程节点信息及流程节点连接信息分别保存至第二数据库表和第三数据库表中；

关系数据库生成子模块，用于依据所述流程图的名称关联所述第一数据库表、第二数据库表和第三数据库表，形成相应的关系数据库；

和/或，所述系统还包括：

查看请求处理模块，用于依据用户提交的流程图查看请求，服务器提取相应的流程图描述文件并传输至浏览器端；

图形展示模块，用于浏览器端解析所述流程图描述文件后，以图形方式展示对应的流程图；

和/或，所述系统还包括：

流程校验模块，用于按照预置的业务流程校验规则，校验当前绘制的流程图是否完整。