[发明专利]一种web端流程图建模方法、设备和系统

权利要求书

1.一种web端流程图建模方法，其特征在于，包括：

加载资源文件，进行流程图建模界面的初始化；

向工作流引擎发送第一请求，以获取流程图内容、以及扩展属性所有实现类对应的数据字典；

接收所述工作流引擎返回的流程图内容、以及扩展属性所有实现类对应的数据字典，将接收到的流程图内容解析成可视化的图形展示在流程图建模界面的画布区域，将属于同一扩展接口的实现类组成的数据字典合并到与所述扩展接口相对应的扩展属性的value字段，通过所述value字段展示到属性下拉框中，在所述属性下拉框中展示数据字典中的所有实现类的配置项；其中，每个所述扩展属性对应一个扩展接口，每个所述配置项对应一个实现类，每个所述配置项根据对应实现类定义的内容进行显示；

响应于用户对流程图的编辑操作，对流程图内容进行修改；

向所述工作流引擎发送第二请求，以请求所述工作流引擎保存修改后的流程图内容，并且启用修改后的流程图内容。

2.根据权利要求1所述的方法，其特征在于，所述的加载资源文件，进行流程图建模界面的初始化，具体包括：

加载VUE资源文件和mxGraph资源文件，初始化流程图建模界面中的交互组件和/或布局样式；以及，

获取预设的属性资源文件，将所述预设的属性资源文件绑定可视化组件，进行属性列表的初始化；

所述的将接收到的流程图内容解析成可视化的图形展示在流程图建模界面的画布区域，具体包括：

通过所述mxGraph资源文件的功能API，将接收到的流程图内容解析成可视化的图形展示在流程图建模界面的画布区域。

3.根据权利要求2所述的方法，其特征在于，所述的响应于用户对流程图的编辑操作，对流程图内容进行修改，具体包括如下中的任意一种或任意多种：

响应于对节点列表中被选中节点的点击或拖拽操作，将所述节点移动到画布区域中；

响应于对第一节点的点击操作以及拖拽操作，将第一节点与第二节点进行连接；

响应于对属性列表的编辑操作，获取用户在属性输入框编辑输入的内容；

响应于对属性列表的编辑操作，获取用户在属性下拉框选取的下拉配置项；

响应于点击画布区域中空白区域的编辑操作，在所述画布区域的右侧属性列表展示流程的属性，接收用户对流程的各个属性进行的配置操作；

响应于点击节点，在所述画布区域的右侧列表展示被点击的节点的属性，接收用户对节点的各个属性进行的配置操作；

响应于点击连线，在所述画布区域的右侧列表展示被点击的连线的属性，接收用户对本条连线使用到的各个属性进行的配置操作。

4.根据权利要求2所述的方法，其特征在于，所述预设的属性资源文件中定义了流程图中使用到的所有属性，每个属性的对象包含以下内容：

Name：属性名称；key：属性字段名；type：编辑类型，所述编辑类型包括输入框、下拉框或者自定义封装弹窗组件；defaultValue：默认选项值，其用于设置下拉框类型属性；value：用于下拉框类型属性的数据字典；readOnly：用于指示是否只读。

5.根据权利要求1所述的方法，其特征在于，所述流程图内容是一个具有固定标签格式的xml形式文本，整体内容包裹在mxGraphModel标签下，

Workflow标签代表整个流程，其具有流程包含的所有属性字段以及对应值；

mxCell标签代表一个节点或连线路由；

mxCell标签代表节点时包含两个子标签mxGeometry和Node，mxGeometry标签的内容是节点的坐标与样式信息，Node标签的内容是节点包含的所有属性字段以及对应值；

mxCell标签代表连线路由时包含两个子标签mxGeometry和Line，mxGeometry标签的内容是连线的样式信息，Line标签的内容是连线路由所有的属性内容，其包括：连线起点的id、连线终点的id，连线包含的所有属性字段以及对应值。