[发明专利]一种业务流程建模方法和系统

说明书

本发明实施例提供一种业务流程建模方法和系统，该方法包括：响应于用户针对工具栏中流程节点的拖拽操作，添加第一流程节点和第二流程节点到建模区域；响应于用户针对所述第一流程节点的点击操作，生成跟随指针位置变化的预设流程路径；响应于指针对所述第二流程节点的点击操作，基于所述预设流程路径生成用于表征从所述第一流程节点到所述第二流程节点的业务流程的流程路径。通过上述技术方案，流程节点支持可拖拽操作，并且位置还可以根据需要随意调整，能够满足用各种业务流程建模需求；此外，在用户指定第一流程节点和需要建立连接的第二流程节点之后，自动规划出该业务流程的流程路径，减轻工作负担，提高业务流程建模工作效率。

技术领域

本发明涉及互联网技术领域，尤其涉及一种业务流程建模方法和系统。

背景技术

随着互联网技术的发展，越来越多的工作通过线上完成。由于行业千差万别，同一行业又包含各种不同业务流程，需要针对每个业务流程分别建立对应的流程模型。

现有技术中，通常基于JS与SVG技术实现业务流程建模。然而，在建模过程中，有的业务流程比较复杂，需要建立很多个流程节点。在建模模板中的流程节点相对固定，无法根据自己的需求随意改变流程节点的位置。且流程路径的样式单一，无法满足多流程节点、多流程路径的建模需求。

因此，需要一种简便的业务流程建模方案，从而能够满足多样化的业务流程建模需求。

发明内容

本发明实施例提供一种业务流程建模方法和系统，用以实现满足多样化的业务流程建模需求。

第一方面，本发明实施例提供一种业务流程建模方法，该方法包括：

响应于用户针对工具栏中流程节点的拖拽操作，添加第一流程节点和第二流程节点到建模区域；

响应于用户针对所述第一流程节点的点击操作，生成跟随指针位置变化的预设流程路径；

响应于指针对所述第二流程节点的点击操作，基于所述预设流程路径生成用于表征从所述第一流程节点到所述第二流程节点的业务流程的流程路径。

可选地，所述响应于用户针对所述第一流程节点的点击操作，生成跟随指针位置变化的预设流程路径，包括：

响应于用户针对第一流程节点中第一锚点的点击操作，确定起始锚点；

响应于用户对所述指针的拖拽操作，生成跟随指针位置变化的预设流程路径。

可选地，所述响应于指针对第二流程节点的点击操作，基于所述预设流程路径生成用于表征从所述第一流程节点到所述第二流程节点的业务流程的流程路径，包括：

响应于针对上述第二流程节点中第二锚点的点击操作，确定目标锚点；

调整所述起始锚点和所述目标锚点在所述预设流程路径中的相对位置；

生成用于表征从所述第一流程节点到所述第二流程节点的业务流程的流程路径。

可选地，所述第一流程节点和/或所述第二流程节点被拖拽移动位置，则根据拖拽后的所述起始锚点的位置与相连所述目标锚点的位置重新规划最优流程路径。

可选地，添加第一流程节点和第二流程节点到建模区域之前，还包括：基于HTML绘制画布作为建模区域和流程节点。

可选地，还包括：基于Jquery UI设置所述流程节点为支持拖拽操作的节点；

基于JavaScript原生事件设置所述流程节点的内容和展示效果。

可选地，所述流程路径元素为SVG标签；