[发明专利]基于关系图的组件配置方法、装置及计算机可读存储介质

权利要求书

1.一种基于关系图的组件配置方法，其特征在于，包括：

响应用户在表单设计器的表单页面上触发的关于所述表单页面上展示的组件和数据服务之间关系图的配置指令，根据所述配置指令在所述表单设计器的配置页面上对所述表单页面上的组件和数据服务进行渲染；

遍历所述组件的元数据，得到所述组件的配置属性信息；

根据所述配置属性信息，得到所述组件和数据服务之间的配置关系以及各组件之间的联动关系；

对所述配置关系和联动关系进行渲染，在所述配置页面上生成组件关系图；

响应用户在所述组件关系图上触发的鼠标事件，根据所述鼠标事件对所述组件关系图中的配置关系和联动关系动态进行调整。

2.如权利要求1所述的基于关系图的组件配置方法，其特征在于，所述根据所述配置指令在所述表单设计器的配置页面上对所述表单页面上的组件和数据服务进行渲染包括：

根据所述配置指令从表单设计器的表单页面获取组件的元信息，所述组件的元信息包括组件名称、组件标识符、组件排列位置及组件配置属性；

在所述配置页面的第一区域，将组件按照所述组件排列位置以预设排列顺序排列开并渲染成节点；

从表单设计器的数据面板获取数据服务的元信息，所述数据服务的元信息包括服务名称、服务标识符及服务排列位置；

在所述配置页面的第二区域，将数据服务按照所述服务排列位置以所述预设排列顺序排列开并渲染成节点。

3.如权利要求2所述的基于关系图的组件配置方法，其特征在于，该方法还包括：

计算各组件节点四条边的中心点在所述配置页面上的坐标，并存入预设的第一字典，所述第一字典包括一对以上数组，每对数组包括一个键值和与该键值对应的中心点坐标；

计算各数据服务节点四条边的中心点在所述配置页面上的坐标，并存入预设的第二字典，所述第二字典包括一对以上数组，每对数组包括一个键值和与该键值对应的中心点坐标。

4.如权利要求3所述的基于关系图的组件配置方法，其特征在于，根据所述配置属性信息，得到所述组件和数据服务之间的配置关系，对所述配置关系进行渲染包括：

根据所述配置属性信息获取与所述组件有配置关系的数据服务对应的服务标识符的值和服务类型的值；

从所述第二字典获取与所述服务标识符的值一致的键值，并获得所述键值对应的一组服务节点坐标，从所述第一字典获取所述组件节点的键值对应的组件节点坐标；

根据预设算法从所述组件节点坐标中确定一个第一中心点，从所述服务节点坐标中确定一个第二中心点，渲染所述第一中心点至所述第二中心点之间的配置连线，并根据所述服务类型的值渲染所述配置连线的箭头方向和文字标识。

5.如权利要求3所述的基于关系图的组件配置方法，其特征在于，根据所述配置属性信息，得到各组件之间的联动关系，对所述联动关系进行渲染包括：

根据所述配置属性信息获取服务列表，遍历服务列表获取服务配置信息，根据服务配置信息获取组件标识符的值；

从所述第一字典获取与组件标识符的值一致的键值，并获得所述键值对应的一组联动组件节点坐标，从所述第一字典获取所述组件节点的键值对应的所述组件节点坐标；

根据预设算法从所述组件节点坐标中确定一个第三中心点，从所述联动组件节点坐标中选择第四中心点，渲染所述第三中心点至所述第四中心点之间的联动连线以及从所述第三中心点到所述第四中心点的箭头方向，并在所述联动连线上渲染预设标识。

6.如权利要求1所述的基于关系图的组件配置方法，其特征在于，所述响应用户在所述组件关系图上触发的鼠标事件，根据所述鼠标事件对所述组件关系图中的配置关系和联动关系动态进行调整包括：

通过鼠标事件接口监听用户在所述组件关系图上触发的鼠标事件，根据所述鼠标事件对所述组件关系图中的配置关系和联动关系动态进行调整。