一种业务流程图的展示方法与流程

本发明属于计算机技术领域，特别是涉及一种一种业务流程图的展示方法。

二、

背景技术：

流程是由两个及以上的业务步骤，完成一个完整的业务行为的过程。通过信息化技术手段，将多个业务步骤配置为流程，一方面实现了业务过程的规范化，从而可以保证业务过程完成的质量；一方面可以通过监控流程的流转状态了解业务的进度，方便协调并解决问题。

在工程设计中，存在着大量的需要审批的业务场景，这些审批业务通常采用流程来驱动。为了方便工程设计人员了解流程的执行情况，通常采用各种可视化的工具在工程设计人员常用的软件或系统中绘制流程图并展示流程当前的状态。但在特定的软件或系统中绘制流程图时，需要编程人员熟悉第三方可视化工具提供的开发接口，才能实现集成，且集成的方法也会比较复杂。如何方便地在工程设计常用的软件或系统中展示流程图，成为面向工程软件应用与开发的技术人员需要考虑的问题。

三、

技术实现要素：
：发明目的、发明技术解决方案、积极效果

本发明的目的是提供一种业务流程图的展示方法，该方法直接利用工程设计常用的软件或系统中自带的可视化功能，在三维空间中，实现了相关业务流程图的展示。

本发明的技术方案如下，一种业务流程图的展示方法，包括如下步骤：

步骤1：流程数据初始化

从配置文件或数据库中读取业务流程配置信息。这些配置信息应包含流程节点的名称、流程节点的数量、流程的当前节点状态和流程节点之间的关联关系。

步骤2：在三维空间的XY平面中布局流程节点

在XY平面上，以矩形框代表流程节点，从原点起，以预设定的间距值，依次绘制矩形框。所有矩形框的沿X轴方向成一条直线。所有矩形框在Y轴上的偏移量均为0。

步骤3：在三维空间的Z轴方向进一步布局并绘流程节点

保持在步骤2中布局的矩形框在XY轴上的位置不变，进一步仅在Z轴方向设置一定的偏移量。具体方法是：在XZ平面上，按顺时针方向，将矩形框布局成等腰三角形；如果流程节点个数为偶数，则在最后补充1个临时的矩形框参与布局，但不必绘制。矩形框在Z轴上的间距为预设定值。按上述方法布局好后，就可以在三维空间中绘制出代表流程节点的矩形框，最后将流程节点名称绘制到矩形框的正中央位置。

步骤4：根据流程节点之间的关联关系在三维空间中绘制流程连接线

流程节点连接线分为两种：直线和折线。直线连接线用于表示流程在节点处通过后的流转路线；折线连接线用于表示流程在节点处被驳回后的流转路线。按照上述绘制方法，沿X轴方向，使用直线依次连接矩形框沿Y轴方向的边线中点；折线连接线为三维空间线，连接的是矩形框沿X轴方向的边线中点。折线在Y轴上要求为不同的偏移量，以确保各个折线连接线在空间上不相交。

步骤5：绘制流程图状态

根据流程初始化数据，找到流程节点的当前状态，将对应的矩形框设置为指定的颜色，以表示流程的当前状态。

本发明提供的业务流程图的展示方法，将过去常在二维空间中绘制流程图的方法，改进为在三维空间中绘制流程图，同时展示流程节点的状态。在三维空间中，可以旋转、缩放、平移流程图，查看方式更加直观；可以解决在二维空间中展示流程图时连接线有时不可避免的会相交容易引起歧义的问题；在工程设计中，常使用各种三维设计软件完成产品的设计，这些产品的设计是在各种流程的驱动下完成的，直接使用三维设计软件的可视化功能展示业务流程图，不必寻找第三方可视化的工具来绘制并展示流程图，减少了编程人员代码开发的工作量；在三维空间中查看流程图和工程设计产品的操作方式是完全一样的，不必要求工程设计人员掌握额外的流程图的查看方法。

四、附图说明

图1为本发明提供的一种在三维空间的XY平面上布局流程节点的方法示意图；

图2为本发明提供的一种在三维空间的Z轴方向进一步布局并绘制流程节点的方法示意图；

图3为本发明提供的一种在三维空间中绘制流程图直线连接线的方法示意图；

图4为本发明提供的一种在三维空间中绘制流程图折线连接线的方法示意图；

图5为本发明提供的一个在三维空间中绘制的业务流程图的实例。

五、具体实施方式

下面结合附图，对本发明中的技术方案进行清楚、完整地描述。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

图1为本发明提供的一种在三维空间的XY平面上布局流程节点的方法示意图。如图1所示，在三维空间的XY平面上布局矩形框的方法是：在XY组成的平面上，矩形框101-105代表业务流程图的节点；第一个矩形框101的左上角顶点和坐标系的原点0重合，矩形框101的上方长边和X轴重合；后续矩形框102-105以间距100沿X轴方向布局。其中，矩形框的大小为适当的预设定值，但应确保流程节点的名称可以完整展示在矩形框正中央，建议矩形框大小一样；间距100为预设定值。

图2为本发明提供的一种在三维空间的Z轴方向进一步布局并绘制流程节点的方法示意图。如图2所示，在三维空间中的Z轴方向上进一步布局矩形框的方法是：在XZ组成的平面上，保持在图1中布局的矩形框的XY轴上的坐标不变，仅将矩形框在Z轴上做偏移，确保矩形框在101-105在该平面的布局为等腰三角形。如果流程节点个数为偶数，则在最后补充1个临时的矩形框参与布局，但不必绘制。其中，在Z轴上的偏移量200为预设定值。

图3为本发明提供的一种在三维空间中绘制流程图直线连接线的方法示意图。如图3所示，在三维空间中绘制直线连接线的方法是：依据流程节点之间的关联关系，取矩形框101和102在Y轴方向上的边的中点301、302，用直线连接线连接。同理可以连接其他矩形框102-105。图3a是流程图的正视图，图3b是流程图的俯视图。

图4为本发明提供的一种在三维空间中绘制流程图折线连接线的方法示意图。如图4所示，在三维空间中绘制折线连接线的方法是：依据流程节点之间的关联关系，取矩形框102和103在Y轴方向上的边的中点401、402，使用空间折线连接线连接。同理可以连接其他矩形框。图4a是流程图的正视图，图4b是流程图的俯视图。

图5为本发明提供的一个在三维空间中绘制的业务流程图的实例。如图5所示，该流程共5个环节：环节0-环节4。其中，流程“通过”的流转路线为环节0，环节1，环节2，环节3，环节4；流程“被驳回”的流转路线3种：在环节3可以驳回至环节1；在环节4可以驳回至环节2；在环节4还可以驳回至环节0。图5a为该业务流程图的轴视图，图5b为该业务流程图的正视图。