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

权利要求书

1.一种业务流程建模方法，其特征在于，所述方法包括：

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

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

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

2.根据权利要求1所述的方法，其特征在于，所述响应于用户针对所述第一流程节点的点击操作，生成跟随指针位置变化的预设流程路径，包括：

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

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

3.根据权利要求2所述的方法，其特征在于，所述响应于指针对第二流程节点的点击操作，基于所述预设流程路径生成用于表征从所述第一流程节点到所述第二流程节点的业务流程的流程路径，包括：

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

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

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

4.根据权利要求3所述的方法，其特征在于，所述第一流程节点和/或所述第二流程节点被拖拽移动位置，则根据拖拽后的所述起始锚点的位置与相连所述目标锚点的位置重新规划最优流程路径。

5.根据权利要求1所述的方法，其特征在于，添加第一流程节点和第二流程节点到建模区域之前，还包括：基于HTML绘制画布作为建模区域和流程节点。

6.根据权利要求5所述的方法，其特征在于，还包括：基于Jquery UI设置所述流程节点为支持拖拽操作的节点；

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

7.根据权利要求1所述的方法，其特征在于，所述流程路径元素为SVG标签；

所述SVG标签包含三个path元素，第一个path为无色底线，用于提高所述指针的选取范围；第二个path为显示路线，用于显示路线定制样式、颜色、粗细；第三个path元素为路径方向箭头，用于显示定制箭头样式、箭头颜色、箭头粗细、以及相对于所述第二个path的位置。

8.根据权利要求7所述的方法，其特征在于，所述流程路径的SVG标签增加div元素，用于显示所述流程路径的名称，并且所述名称根据所述流程路径的位置变化而变化。

9.根据权利要求1所述的方法，其特征在于，还包括：将所述建模区域中完成建模的所述流程节点、所述流程路径包装成JSON格式列表数据，通过异步请求发送给服务端保存。

10.一种业务流程建模系统，其特征在于，所述系统包括：

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

路径计算组件，用于响应于用户针对所述第一流程节点的点击操作，生成跟随指针位置变化的预设流程路径；进而，响应于指针对所述第二流程节点的点击操作，基于所述预设流程路径生成用于表征从所述第一流程节点到所述第二流程节点的业务流程的流程路径；

配置中心，用于对所述流程节点和所述流程路径进行属性配置。