CN102236679A - 基于浏览器页面的工作流输出方法及装置 - Google Patents

Abstract

本发明实施例公开了一种基于浏览器页面的工作流输出方法及装置，包括：接收通过浏览器页面输入的工作流的流程信息；将所述流程信息实时保存到浏览器页面的缓存中；将所述缓存中的流程信息组成XML流程定义文件，并将所述流程定义文件输出到服务器。应用本发明实施例输出工作流的过程中，工作流的操作可以在浏览器页面上实时进行，其流程信息通过缓存在浏览器页面中，而不是实时输出到服务区中，因此可以提高输出效率；并且由于流程信息可以根据需要改动和查看，因此提高了工作流操作的灵活性。

Description

基于浏览器页面的工作流输出方法及装置

技术领域

本申请涉及计算机技术领域，特别涉及一种基于浏览器页面的工作流输出方法及装置。

背景技术

工作流(WorkFlow)是工作流程的计算模型，用于将工作流程中的各项工作组织在一起，通过逻辑和规则在计算机中以恰当模型进行表示并实施计算，工作流中的各个节点表示工作流程中的步骤，节点类型包括开始节点、结束节点、普通节点、条件判断节点、会签节点、分支节点和聚合节点等。在现有技术方案中，通过jbpm工作流引擎自带的工作流设计器，在本地由开发人员通过图形化界面进行设计，生成流程定义XML(Extensible MarkupLanguage，可扩展标记语言)以及流程图，并通过发布工具动态将其发布到服务器上。

发明人在对现有技术的研究过程中发现，现有技术的工作流发布方式只能在本地对工作流进行设计，最终生成的工作流是一张无法改动的图片，其节点难以移动和查看，并且节点信息也无法进行修改，因此降低了对工作流进行操作的灵活性。

发明内容

本申请实施例的目的在于提供一种基于浏览器网页的工作流输出方法及装置，以解决现有技术中所输出工作流难以灵活改动和查看的问题。

为解决上述技术问题，本申请实施例提供如下技术方案：

一种基于浏览器页面的工作流输出方法，包括：

接收通过浏览器页面输入的工作流的流程信息；

将所述流程信息实时保存到浏览器页面的缓存中；

将所述缓存中的流程信息组成XML流程定义文件，并将所述流程定义文件输出到服务器。

所述流程信息包括：节点信息、角色信息、字段权限信息。

所述接收通过浏览器页面输入的工作流的流程信息包括：

根据触发命令创建与当前应用相对应的工作流；

通过分析所述当前应用的需求在所述浏览器页面中创建工作流的节点，并对所述节点设置对应的角色信息和字段权限信息；

根据所述工作流中的节点之间的关系对节点进行连线操作。

所述对节点进行连线包括：

通过VML绘制所述节点之间的连线；

将通过连线连接的两个节点的坐标与所述连线进行绑定，保存绑定信息。

还包括：

当对所述节点进行拖曳操作时，更新所述节点的坐标以及所述节点的坐标与连线的绑定关系；

当对所述节点进行删除操作时，删除所述两个节点之间的连线。

所述方法还包括：

将所述流程定义文件输出到服务器的流程定义表后，清空所述缓存中的流程信息。

所述将所述流程信息实时保存到浏览器页面的缓存中后，还包括：

判断是否接收到修改命令；

若接收到所述修改命令，则从所述浏览器页面的缓存中读取待修改的流程信息并进行修改，若未接收到所述命令，则执行所述将所述缓存中的流程信息组成XML流程定义文件的步骤。

一种基于浏览器页面的工作流输出装置，包括：

接收单元，用于接收通过浏览器页面输入的工作流的流程信息；

保存单元，用于将所述流程信息实时保存到浏览器页面的缓存中；

处理单元，用于将所述缓存中的流程信息组成XML流程定义文件；

输出单元，用于将所述流程定义文件输出到服务器。

所述接收单元包括：

工作流创建单元，用于根据触发命令创建与当前应用相对应的工作流；

节点创建设置单元，用于通过分析所述当前应用的需求在所述浏览器页面中创建工作流的节点，并对所述节点设置对应的角色信息和字段权限信息；

连线操作单元，用于根据所述工作流中的节点之间的关系对节点进行连线操作。

所述连线操作单元包括：

VML绘制单元，用于通过VML绘制所述节点之间的连线；

节点连线绑定单元，用于将通过连线连接的两个节点的坐标与所述连线进行绑定，保存绑定信息。

所述连线操作单元还包括：

拖曳操作单元，用于当对所述节点进行拖曳操作时，更新所述节点的坐标以及所述节点的坐标与连线的绑定关系；

删除操作单元，用于当对所述节点进行删除操作时，删除所述两个节点之间的连线。

还包括：

清空单元，用于将所述流程定义文件输出到服务器的流程定义表后，清空所述缓存中的流程信息。

还包括：

判断单元，用于当所述保存单元将所述流程信息实时保存到浏览器页面的缓存中后，判断是否接收到修改命令；

执行单元，用于当所述判断单元判断接收到所述修改命令，则从所述浏览器页面的缓存中读取待修改的流程信息并进行修改，当所述判断单元判断未接收到所述修改命令，则触发所述处理单元的功能。

由以上本申请实施例提供的技术方案可见，本申请实施例中接收通过浏览器页面输入的工作流的流程信息，将所述流程信息实时保存到浏览器页面的缓存中，将缓存中的流程信息组成XML流程定义文件，并将流程定义文件输出到服务器。应用本申请实施例输出工作流的过程中，工作流的操作可以在浏览器页面上实时进行，其流程信息通过缓存在浏览器页面中，而不是实时输出到服务区中，因此可以提高输出效率；并且由于流程信息可以根据需要改动和查看，因此提高了工作流操作的灵活性。

附图说明

图1为本申请基于浏览器页面的工作流输出方法的第一实施例流程图；

图2为本申请基于浏览器页面的工作流输出方法的第二实施例流程图；

图3为本申请基于浏览器页面的工作流输出方法的第三实施例流程图；

图4为本申请基于浏览器页面的工作流输出装置的第一实施例框图；

图5A为本申请基于浏览器页面的工作流输出装置的第二实施例框图；

图5B为图5A中的接收单元的实施例框图；

图6为本申请基于浏览器页面的工作流输出装置的第三实施例框图。

具体实施方式

在如下本申请的多个实施例中，有些实施例提供了一种基于浏览器页面的工作流输出方法，有些实施例提供了一种基于浏览器页面的工作流输出装置。

为了使本技术领域的人员更好地理解本申请实施例中的技术方案，并使本申请实施例的上述目的、特征和优点能够更加明显易懂，下面结合附图对本申请实施例中技术方案作进一步详细的说明。

工作流的流程图是一个复杂的图形界面，在浏览器页面上显示工作流时，如果按照现有技术中直接采用HTML语言进行设计输出则难以满足需求。本申请实施例可以具体采用VML(Vector Markup Language，矢量可标记语言)渲染技术和JAVASCRIPT拖曳技术等基于浏览器的技术，实现在浏览器页面中对工作流进行实时设计和输出。

参见图1，为本申请基于浏览器页面的工作流输出方法的第一实施例流程图：

步骤101：接收通过浏览器页面输入的工作流的流程信息。

其中，流程信息包括：节点信息、角色信息、字段权限信息。

具体的，根据触发命令创建与当前应用相对应的工作流，通过分析所述当前应用的需求在所述浏览器页面中创建工作流的节点，并对所述节点设置对应的角色信息和字段权限信息，根据所述工作流中的节点之间的关系对节点进行连线操作。

步骤102：将流程信息实时保存到浏览器页面的缓存中。

步骤103：将缓存中的流程信息组成XML流程定义文件，并将该流程定义文件输出到服务器，结束当前流程。

参见图2，为本申请基于浏览器页面的工作流输出方法的第二实施例流程图：

步骤201：根据触发命令创建与当前应用相对应的工作流。

根据某个具体应用可以确定应用的相关信息，例如该具体应用可以为休假申请，后续创建工作流时可以根据应用创建节点信息和字段信息等。本申请实施例中可以在浏览器页面中预先设置按钮触发事件，当检测到该事件发生时，输出预先涉及的流程设计图形界面。

步骤202：通过分析当前应用的需求在浏览器页面中创建工作流的节点，并对节点设置对应的角色信息和字段权限信息。

在流程设计图形界面中可以创建工作流中的各种类型的节点，包括普通节点、条件判断节点、会签节点、分支节点、聚合节点等，这些节点通过节点属性区分其类型，并且进一步可以对节点设置对应的角色信息和字段权限信息。例如，对于一个休假申请的工作流，其中可能包括开始节点、提出申请节点、代理人签字节点、总监签字节点、人力资源签字节点、结束节点等，对于每一个具体的节点，比如总监签字节点可以设置其办理时限、排序号和所在步骤名称等属性，还可以设置其读写权限等具体的字段信息。

步骤203：通过VML绘制节点之间的连线。

由于VML使用简单的文本来表示图像，这样就可用很少的字节来表示比较复杂的图像。VML与HTML兼容，通过在HTML中声明VML命名空间并声明处理函数，就可以和其他HTML元素一样使用VML元素，以实现在客户端浏览器显示图像。VML还可以在图形中嵌入文本，并可实现超链，还可通过脚本语言实现一定的动画功能。本申请实施例中对于节点之间的连线通过VML进行绘制，连线可以根据流程需要绘制为双向箭头流程，或者单向箭头流程。

步骤204：将通过连线连接的两个节点的坐标与连线进行绑定，保存绑定信息。

进一步，当对节点进行拖曳操作时，可以更新节点的坐标以及节点的坐标与连线的绑定关系；当对节点进行删除操作时，删除两个节点之间的连线。

步骤205：将流程信息实时保存到浏览器页面的缓存中。

步骤206：将缓存中的流程信息组成XML流程定义文件，并将流程定义文件输出到服务器，结束当前流程。

具体的，可以在服务器的数据库中预先定义流程定义表，则输出的流程定义文件可以直接输出到对应的流程定义表中。

参见图3，为本申请基于浏览器页面的工作流输出方法的第三实施例流程图：

步骤301：接收通过浏览器页面输入的工作流的流程信息。

具体的，根据触发命令创建与当前应用相对应的工作流，通过分析所述当前应用的需求在所述浏览器页面中创建工作流的节点，并对所述节点设置对应的角色信息和字段权限信息，根据所述工作流中的节点之间的关系通过VML绘制所述节点之间的连线，将通过连线连接的两个节点的坐标与所述连线进行绑定，保存绑定信息。

进一步，当对所述节点进行拖曳操作时，更新所述节点的坐标以及所述节点的坐标与连线的绑定关系，当对所述节点进行删除操作时，删除所述两个节点之间的连线。

步骤302：将流程信息实时保存到浏览器页面的缓存中。

步骤303：判断是否接收到修改命令，若是，则执行步骤304；否则，执行步骤305。

步骤304：从浏览器页面的缓存中读取待修改的流程信息并进行修改。

步骤305：将缓存中的流程信息组成XML流程定义文件，并将流程定义文件输出到服务器。

步骤306：清空缓存中的流程信息，结束当前流程。

由上述实施例可知，工作流的流程图可以动态调整节点，也可以查看和修改节点信息，由于节点操作(例如新增、修改、删除)都是在浏览器页面上完成，因此为了提高效率，把节点信息缓存在浏览器页面中，等到输出的时候再把缓存中的节点信息同步到服务器的数据库中，并清空浏览器页面的缓存；本申请实施例使用了VML技术来绘制节点之间的连线，通过创建一条用VML绘制的连线，并将该连线与两个节点进行绑定，当对这两个节点进行拖拽或删除操作时，他们之间的连线也要触发相应的动作，如当一个节点被拖拽改变坐标时，相应的连线改变位置，当一个节点被删除时，相应的连线也要被删除，上述拖曳节点的功能可以通过使用javascript实现。

与本申请基于浏览器页面的工作流输出方法相对应，本申请还提供了基于浏览器页面的工作流输出装置的实施例。

参见图4，为本申请基于浏览器页面的工作流输出装置的第一实施例框图。

该工作流输出装置包括：接收单元410、保存单元420、处理单元430和输出单元440。

其中，接收单元410，用于接收通过浏览器页面输入的工作流的流程信息；

保存单元420，用于将所述流程信息实时保存到浏览器页面的缓存中；

处理单元430，用于将所述缓存中的流程信息组成XML流程定义文件；

输出单元440，用于将所述流程定义文件输出到服务器。

参见图5A，为本申请基于浏览器页面的工作流输出装置的第二实施例框图。

该工作流输出装置包括：接收单元510、保存单元520、处理单元530、输出单元540和清空单元550。

其中，接收单元510，用于接收通过浏览器页面输入的工作流的流程信息；

保存单元520，用于将所述流程信息实时保存到浏览器页面的缓存中；

处理单元530，用于将所述缓存中的流程信息组成XML流程定义文件；

输出单元540，用于将所述流程定义文件输出到服务器；

清空单元550，用于将所述流程定义文件输出到服务器的流程定义表后，清空所述缓存中的流程信息。

参见图5B，为图5A中的接收单元510的实施例框图。

该接收单元510包括：工作流创建单元511、节点创建设置单元512和连线操作单元513。

其中，工作流创建单元511，用于根据触发命令创建与当前应用相对应的工作流；

节点创建设置单元512，用于通过分析所述当前应用的需求在所述浏览器页面中创建工作流的节点，并对所述节点设置对应的角色信息和字段权限信息；

连线操作单元513，用于根据所述工作流中的节点之间的关系对节点进行连线操作。

具体的，连线操作单元513可以包括(图5B中未示出)：VML绘制单元，用于通过VML绘制所述节点之间的连线；节点连线绑定单元，用于将通过连线连接的两个节点的坐标与所述连线进行绑定，保存绑定信息。

进一步，连线操作单元513还可以包括(图5B中未示出)：拖曳操作单元，用于当对所述节点进行拖曳操作时，更新所述节点的坐标以及所述节点的坐标与连线的绑定关系；删除操作单元，用于当对所述节点进行删除操作时，删除所述两个节点之间的连线。

参见图6，为本申请基于浏览器页面的工作流输出装置的第三实施例框图。

该工作流输出装置包括：接收单元610、保存单元620、判断单元630、执行单元640、处理单元650和输出单元660。

其中，接收单元610，用于接收通过浏览器页面输入的工作流的流程信息；

保存单元620，用于将所述流程信息实时保存到浏览器页面的缓存中；

判断单元630，用于当所述保存单元620将所述流程信息实时保存到浏览器页面的缓存中后，判断是否接收到修改命令；

执行单元640，用于当所述判断单元630判断接收到所述修改命令，则从所述浏览器页面的缓存中读取待修改的流程信息并进行修改，当所述判断单元630判断未接收到所述修改命令，则触发所述处理单元650的功能。

处理单元650，用于将所述缓存中的流程信息组成XML流程定义文件；

输出单元660，用于将所述流程定义文件输出到服务器。

通过以上的实施方式的描述可知，本申请实施例中接收通过浏览器页面输入的工作流的流程信息，将所述流程信息实时保存到浏览器页面的缓存中，将缓存中的流程信息组成XML流程定义文件，并将流程定义文件输出到服务器。应用本申请实施例输出工作流的过程中，工作流的操作可以在浏览器页面上实时进行，其流程信息通过缓存在浏览器页面中，而不是实时输出到服务区中，因此可以提高输出效率；并且由于流程信息可以根据需要改动和查看，因此提高了工作流操作的灵活性。

本领域的技术人员可以清楚地了解到本申请实施例中的技术可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本申请实施例中的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述的本申请实施方式，并不构成对本申请保护范围的限定。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请的保护范围之内。

Claims (13)

1.一种基于浏览器页面的工作流输出方法，其特征在于，包括：

接收通过浏览器页面输入的工作流的流程信息；

将所述流程信息实时保存到浏览器页面的缓存中；

将所述缓存中的流程信息组成XML流程定义文件，并将所述流程定义文件输出到服务器。

2.根据权利要求1所述的方法，其特征在于，所述流程信息包括：节点信息、角色信息、字段权限信息。

3.根据权利要求1所述的方法，其特征在于，所述接收通过浏览器页面输入的工作流的流程信息包括：

根据触发命令创建与当前应用相对应的工作流；

通过分析所述当前应用的需求在所述浏览器页面中创建工作流的节点，并对所述节点设置对应的角色信息和字段权限信息；

根据所述工作流中的节点之间的关系对节点进行连线操作。

4.根据权利要求3所述的方法，其特征在于，所述对节点进行连线包括：

通过VML绘制所述节点之间的连线；

将通过连线连接的两个节点的坐标与所述连线进行绑定，保存绑定信息。

5.根据权利要求4所述的方法，其特征在于，还包括：

当对所述节点进行拖曳操作时，更新所述节点的坐标以及所述节点的坐标与连线的绑定关系；

当对所述节点进行删除操作时，删除所述两个节点之间的连线。

6.根据权利要求1所述的方法，其特征在于，所述方法还包括：

将所述流程定义文件输出到服务器的流程定义表后，清空所述缓存中的流程信息。

7.根据权利要求1所述的方法，其特征在于，所述将所述流程信息实时保存到浏览器页面的缓存中后，还包括：

判断是否接收到修改命令；

若接收到所述修改命令，则从所述浏览器页面的缓存中读取待修改的流程信息并进行修改，若未接收到所述命令，则执行所述将所述缓存中的流程信息组成XML流程定义文件的步骤。

8.一种基于浏览器页面的工作流输出装置，其特征在于，包括：

接收单元，用于接收通过浏览器页面输入的工作流的流程信息；

保存单元，用于将所述流程信息实时保存到浏览器页面的缓存中；

处理单元，用于将所述缓存中的流程信息组成XML流程定义文件；

输出单元，用于将所述流程定义文件输出到服务器。

9.根据权利要求8所述的装置，其特征在于，所述接收单元包括：

工作流创建单元，用于根据触发命令创建与当前应用相对应的工作流；

节点创建设置单元，用于通过分析所述当前应用的需求在所述浏览器页面中创建工作流的节点，并对所述节点设置对应的角色信息和字段权限信息；

连线操作单元，用于根据所述工作流中的节点之间的关系对节点进行连线操作。

10.根据权利要求9所述的装置，其特征在于，所述连线操作单元包括：

VML绘制单元，用于通过VML绘制所述节点之间的连线；

节点连线绑定单元，用于将通过连线连接的两个节点的坐标与所述连线进行绑定，保存绑定信息。

11.根据权利要求10所述的装置，其特征在于，所述连线操作单元还包括：

拖曳操作单元，用于当对所述节点进行拖曳操作时，更新所述节点的坐标以及所述节点的坐标与连线的绑定关系；

删除操作单元，用于当对所述节点进行删除操作时，删除所述两个节点之间的连线。

12.根据权利要求8所述的装置，其特征在于，还包括：

清空单元，用于将所述流程定义文件输出到服务器的流程定义表后，清空所述缓存中的流程信息。

13.根据权利要求8所述的装置，其特征在于，还包括：

判断单元，用于当所述保存单元将所述流程信息实时保存到浏览器页面的缓存中后，判断是否接收到修改命令；

执行单元，用于当所述判断单元判断接收到所述修改命令，则从所述浏览器页面的缓存中读取待修改的流程信息并进行修改，当所述判断单元判断未接收到所述修改命令，则触发所述处理单元的功能。

Images