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

说明书

本发明涉及数据处理，揭露一种基于关系图的组件配置方法，包括：响应用户触发的关于表单页面上展示的组件和数据服务之间关系图的配置指令，根据配置指令在配置页面上对组件和数据服务进行渲染；遍历组件的元数据得到组件的配置属性信息，根据配置属性信息得到组件和数据服务之间的配置关系以及各组件之间的联动关系，对配置关系和联动关系进行渲染在配置页面上生成组件关系图；响应用户在组件关系图上触发的鼠标事件，根据鼠标事件对组件关系图中的配置关系和联动关系动态进行调整。本发明通过直观展示组件的关联关系并支持快速修改关联关系，可独立运用且不影响集成方的逻辑代码，无缝增强交互能力，且支持低代码模式和零代码模式，适用性强。

技术领域

本发明涉及数据处理技术领域，尤其涉及一种基于关系图的组件配置方法、电子装置及计算机可读存储介质。

背景技术

目前表单设计器主要分为两种模式：低代码和零代码。低代码模式是指表单设计器的用户需要编写一定的代码才能让设计出来的表单满足需求，一般面向有编程经验的开发人员；零代码模式是指表单设计器的用户无需编写代码，只需了解产品的操作流程，便能设计出满足需求的表单，一般面向有业务经验的业务人员。这两种模式的本质，都是用户通过GUI的方式对表单页面的各个UI组件进行属性配置，这些配置最终会被转换成一连串可执行并完成特定任务的代码，所以它们的本质都是复杂的代码流程的可视化结果。因此，这些属性往往种类繁多，包括但不限于改变组件展示效果的样式属性、设置组件响应用户操作的交互属性、配置组件数据来源的数据属性、设定组件数据正确性规则的校验属性，等等。

然而，不管是哪种模式，目前表单设计器在组件配置方面基本都是通过文字描述以及列表展示提供配置项目给用户，这非常考验产品的文案设计以及用户对文字描述的理解能力。另一方面，对于组件的交互属性、数据属性、校验属性等可能涉及多组件的相互联动的属性，也只能通过文字与列表的形式提供给用户进行选择，用户由于无法直观看到组件属性联动的关系以及效果，往往容易造成失误，导致需要对组件属性进行反复配置反复确认的低效率操作。

发明内容

鉴于以上内容，有必要提供一种基于关系图的组件配置方法，用于轻量而高效地直观展示组件的属性配置及其所引发的关联关系，并支持快速修改组件的关联关系。

本发明提供的基于关系图的组件配置方法，包括：

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

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

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

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

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

可选地，所述根据所述配置指令在所述表单设计器的配置页面上对所述表单页面上的组件和数据服务进行渲染包括：

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

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

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

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

可选地，该方法还包括：