一种图形组件数据源绑定方法与流程

1.本发明涉及低代码开发技术领域，具体涉及一种图形组件数据源绑定方法。


背景技术：

2.低代码技术，是一种通过在图形界面中使用可视化建模来组装和配置应用程序，开发过程基本不需要涉及代码操作的软件开发工具的系统开发技术。与传统的系统开发相比，低代码平台具有全栈可视化编辑、全生命周期管理以及低代码扩展能力的特点，只需要在少数情况下才写代码，其他绝大多数情况下都可以通过可视化、拖拉拽配置等非代码方式解决。
3.在低代码开发领域，面向用户的数据可视化应用开发平台越来越多，当前市面上的低代码开发平台，在使用过程中，大屏的图形组件与数据源之间需要用户手动一对一的进行数据模型配置。而小型工业企业由于缺乏专业的信息化管理人员，对数据源、数据模型、属性等无专业概念，只能通过excel表完成数据的统计工作。现有的开发平台均通过设置数据处理规则、选择属性参数等，对于小企业来说无信息化基础的管理人员操作门槛较高。例如，公开号为cn111538731a的发明专利提出的工业数据自动生成报表系统中，就是依据预先配置的数据处理规则对分配的工业数据进行处理封装后录入至工业数据数据库；报表服务器用于根据预设的定时任务，选择其中一个自动生成的工业报表模板文件，调取对应的工业数据，处理后填充或替换该工业报表模板文件中的部分或全部活动单元格，生成报表文件。在该专利中，需要提前配置数据处理规则，面向工业类采集的数据，生产相应的报表。基于此方法，用户在数据处理规则配置方面，需要理解数据源、数据模型等概念，生成统一确定规则的数据报表。对于无信息化基础的小企业管理人员而言，技术门槛过高。
4.因此，在对可视化图形显示系统的图形组件配置数据时，怎样克服设置数据处理规则、选择属性参数等技术内容的专业门槛，成为小型工业企业使用低代码开发技术过程中亟待解决的问题。


技术实现要素：

5.针对上述现有技术的不足，本发明提供了一种图形组件数据源绑定方法，用户无需进行详细的配置即可完成在线可视化数据应用。
6.为了解决上述技术问题，本发明采用了如下的技术方案：一种图形组件数据源绑定方法，包括以下步骤：s1、待用户通过具有数据源的图形组件创建好待填充数据的可视化图形显示系统后，获取该待填充数据的可视化图形显示系统中各图形组件的数据模型；所述数据模型包括对应图形组件中待填充数据的数据结构、数据操作和数据约束；s2、基于获取的数据模型判断各图形组件的数据源之间的关系后，进行数据模型合并得到合集数据模型，并生成为图形数据关联信息表模板；s3、提示用户下载图形数据关联信息表模板、填充数据得到图形数据关联信息表
并上传图形数据关联信息表；s4、待用户上传图形数据关联信息表后，基于s2中的数据模型合并处理方法，逆向分解用户上传的图形数据关联信息表中的数据，得到待填充数据的各图形组件的实际数据，并将实际数据与对应的图形组件进行绑定；s5、待实际数据全部与对应的图形组件绑定后，提示可视化图形显示系统构建完成并进行发布。
7.优选的，s1中，用户创建可视化图形显示系统时，若基于低代码开发平台的大屏模板用户未进行图形组件的删减及增加，则直接输出预存的标准数据模型作为s2中的合集数据模型；若用户自定义拖拽创建可视化图形显示系统，则获取可视化图形显示系统中拖拽进来的所有的图形组件的数据模型。
8.优选的，s1中，所述图形组件包括图表组件、文字组件、工业组件及管道组件。
9.优选的，s2包括：s201、获取各图形组件的数据源支持的数据处理方法；s202、判断各图形组件的数据源之间的关联关系，所述关联关系包括子集、交集和无关联；s203、基于各图形组件的数据源之间的关联关系，对各图形组件的数据模型进行两两组合处理，并将组合得到的过程模型作为与数据模型等效的单个模型，继续进行两两组合处理，直到所有数据模型全部组合在一起，得到集合数据模型并导出为图形数据关联信息表模板；并记录具体的组合过程。
10.优选的，s201中，根据图形组件的名称的关键字，匹配出各图形组件的数据源的数据处理方法；所述数据处理方法包括数据源的计算方法以及限制条件。
11.优选的，所述图形数据关联信息表模板为excel数据表模板；s201中，所述限制条件包括时间限制条件和类型限制条件；s203中，导出的图形数据关联信息表模板中，将类型限制条件以数据有效性的excel格式为序列的方式供用户选择。
12.优选的，s4中，基于s203中记录的组合过程，逆向分解用户上传的图形数据关联信息表中的数据，生成对应的图形组件的数据模型。
13.优选的，s5中，待实际数据全部与对应的图形组件绑定后，通过具有数据源属性的图形组件数据展示图形数据关联信息表中数据，并通过api对外发布。
14.本发明与现有技术相比，具有如下有益效果：1、使用本方法，用户创建好可视化图形显示系统后，会自动获取可视化图形显示系统内的图形组件的数据模型，并进行合并处理，得到集合数据模型并导出为图形数据关联信息表模板。之后，用户只需要根据提示，下载该图形数据关联信息表模板，并根据实际情况进行数据的填充得到图形数据关联信息表后，将图形数据关联信息表回传给系统即可。之后，系统会根据数据模型合并处理方法，逆向分解用户上传的图形数据关联信息表中的数据，得到待填充数据的各图形组件的实际数据，并将实际数据填充至对应的图形组件中。整个实施过程中，数据配置相关的技术内容，用户只需要下载图形数据关联信息表模板，进行数据填充得到图形数据关联信息表后，将图形数据关联信息表回传给系统即可。即使是完全不具备数据模型技术背景，对数据源、数据模型、属性等无概念的用户，也可以轻松完成图形组件的数据配置。
15.综上，与现有技术相比，使用本方法，用户无需进行详细的配置即可完成在线可视化数据应用。
16.2、本方法在进行数据模型的组合时，对各图形组件的数据模型进行两两组合处理，并将组合得到的过程模型作为与数据模型等效的单个模型，继续进行两两组合处理，直到所有数据模型全部组合在一起。这样，组合的过程清晰明了简洁，对图形数据关联信息表中的数据进行逆向分解时，在保证清楚准确的同时，还可以保证逆向分解填充的效率。
17.3、本方法在获取图形组件的数据模型时，根据图形组件的名称的关键字，匹配出各图形组件的数据源的数据处理方法；所述数据处理方法包括数据源的计算方法以及限制条件。这样的方式，在保证获取数据模型效率及准确性的同时，还可以保证数据模型内容的完整性。
18.4、导出的图形数据关联信息表模板中，将类型限制条件以数据有效性的excel格式为序列的方式供用户选择。既方便用户操作，同可以保证数据格式的一致性。
19.5、本方法支持用户自定义拖拽创建的可视化图形显示系统，也支持基于低代码开发平台的大屏模板创建的可视化图形显示系统，适用范围广。
附图说明
20.为了使发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步的详细描述，其中：图1为实施例中的流程图；图2为实施例中图形数据关联信息表模板的生成示意图；图3为填充数据的图形数据关联信息表逆向分解示意图。
具体实施方式
21.下面通过具体实施方式进一步详细的说明：实施例：如图1所示，本实施例中公开了一种图形组件数据源绑定方法，包括以下步骤：s1、待用户通过具有数据源的图形组件创建好待填充数据的可视化图形显示系统后，获取该待填充数据的可视化图形显示系统中各图形组件的数据模型；所述数据模型包括对应图形组件中待填充数据的数据结构、数据操作和数据约束。
22.具体地，s1中，用户创建可视化图形显示系统时，若基于低代码开发平台的大屏模板用户未进行图形组件的删减及增加，则直接输出预存的标准数据模型作为s2中的合集数据模型；若用户自定义拖拽创建可视化图形显示系统，则获取可视化图形显示系统中拖拽进来的所有的图形组件的数据模型。其中，所述图形组件包括图表组件、文字组件、工业组件及管道组件。
23.s2、基于获取的数据模型判断各图形组件的数据源之间的关系后，进行数据模型合并得到合集数据模型，并生成为图形数据关联信息表模板。本实施例中，图形数据关联信息表模板为excel数据表模板；相应地，填充数据后得到的图形数据关联信息表为excel数据表。如图2所示，具体地，s2包括：s201、获取各图形组件的数据源支持的数据处理方法；具体实施时，根据图形组件
的名称的关键字，匹配出各图形组件的数据源的数据处理方法；所述数据处理方法包括数据源的计算方法以及限制条件；其中，所述限制条件包括时间限制条件和类型限制条件。
24.s202、判断各图形组件的数据源之间的关联关系，所述关联关系包括子集、交集和无关联；s203、基于各图形组件的数据源之间的关联关系，对各图形组件的数据模型进行两两组合处理，具体地，合并时，可通过数据模型重复字段处理的方式进行处理后，再进行合并。
25.并将组合得到的过程模型作为与数据模型等效的单个模型，继续进行两两组合处理，直到所有数据模型全部组合在一起，得到集合数据模型并导出为图形数据关联信息表模板；并记录具体的组合过程。具体实施时，导出的图形数据关联信息表模板中，将类型限制条件以“数据有效性”的excel格式为序列的方式供用户选择。换个说法，将类型限制条件这一列的数据设置为手动选择“有效/无效”、“有/无”等。
26.s3、提示用户下载图形数据关联信息表模板、填充数据得到图形数据关联信息表并上传图形数据关联信息表；s4、待用户上传图形数据关联信息表后，基于s203中记录的组合过程，如图3所示，逆向分解用户上传的图形数据关联信息表中的数据，得到待填充数据的各图形组件的实际数据，并将实际数据填充至对应的图形组件中。
27.s5、提示数据可视化图形显示系统构建完成，可视化图形显示系统发布。具体地，在图形数据关联信息表中的数据全部填充至对应的图形组件后，通过具有数据源属性的图形组件数据展示图形数据关联信息表中数据，并通过api（应用程序编程接口）对外发布。
28.为便于理解本技术的方案，以一个实例进行说明。
29.假设使用平台提供以下类型的图形组件，其中各类型组件定义，通过系统进行关键字定义和关键公式定义，具体如下：其中各类型组件定义如下，通过系统进行关键字定义和关键公式定义，如下：图表组件：合计（countall()）、增长量（growth()）、时间限制条件（time()）、类型限制条件（type()）文字组件：无限制工业组件：无限制管道组件：无限制具体地，图表组件包括：数据表、柱形图、折线图、饼图、雷达图、散点图。
30.文字组件包括：文本框、跑马灯、超链接、实时时间。
31.工业组件包括：压力表、泄压阀、供水泵、补水装置。
32.管道组件包括：一字管道、丨字管道、十字管道、l字管道、u字管道。
33.用户自定义可视化图形显示系统，将组件拖拽至大屏区域，并定义组件名称。例如创建“管道生产计划监控大屏”，展示每天各种类型的管道生产的情况，涉及生产订单、生产计划、昨日生产情况、生产计划完成情况。
34.之后，用户拖拽可视化的图形组件，选择数据表组件，编辑组件名称“当日生产订单”，系统根据输入的关键字“当日”、“生产订单”进行校验，自动生产“当日生产订单”数据模型；
拖拽可视化的图形组件，选择柱形图表组件，编辑组件名称“近七天生产订单情况”，系统根据输入的关键字“近七天”、“订单”进行校验，自动生产“近七天生产订单情况”数据模型；拖拽可视化的图形组件，选择文字组件，编辑组件名称“昨日生产情况”，系统根据输入的关键字“昨日”进行校验，自动生产“昨日生产情况”数据模型。
35.之后，系统根据关键字，匹配各图形组件内部的数据源的计算方法以及限制条件：合计（countall()）、增长量（growth()）、时间限制条件（time()）、类型限制条件（type()）；再判断各图形组件的数据源之间的关联关系，具体地，两两数据模型之间进行数据源的关联关系判断，包括子集、交集、无关联，并将组合得到的过程模型作为与数据模型等效的单个模型，继续上述操作，直到所有数据模型全部组合在一起，输出一个合集数据模型，并导出为图形数据关联信息表模板，将类型限制条件以“数据有效性”的excel格式为序列的方式供用户选择。
36.之后，通过弹窗等方式提醒用户下载为图形数据关联信息表模板，进行具体的数据填充并重新上传。
37.待用户填充数据并上传图形数据关联信息表后，匹配组件内部的数据计算方法以及限制条件：合计（countall()）、增长量（growth()）、时间限制条件（time()）、类型限制条件（type()）；将图形数据关联信息表中的数据处理后填充至图形组件的数据模型中，在图形数据关联信息表中的数据与可视化图形显示系统的图形组件内容绑定后，通过具有数据源属性的图形组件数据展示图形数据关联信息表中数据，并通过api对外发布。用户通过api进行访问。
38.后续在更新数据时，用户可直接在本地图形数据关联信息表中填写新的数据后，上传excel表至系统中，持续填充数据。
39.使用本方法，用户创建好可视化图形显示系统后，会自动获取可视化图形显示系统内的图形组件的数据模型，并进行合并处理，得到集合数据模型并导出为图形数据关联信息表模板。之后，用户只需要根据提示，下载该图形数据关联信息表模板，并根据实际情况进行数据的填充得到图形数据关联信息表后，将图形数据关联信息表回传给系统即可。之后，系统会根据数据模型合并处理方法，逆向分解用户上传的图形数据关联信息表中的数据，得到待填充数据的各图形组件的实际数据，并将实际数据填充至对应的图形组件中。整个实施过程中，数据配置相关的技术内容，用户只需要下载图形数据关联信息表模板，并进行数据填充得到图形数据关联信息表后，将图形数据关联信息表回传给系统即可。即使是完全不具备数据模型技术背景，对数据源、数据模型、属性等无概念的用户，也可以轻松完成图形组件的数据配置。
40.与现有技术相比，使用本方法，用户无需进行详细的配置即可完成在线可视化数据应用。
41.最后需要说明的是，以上实施例仅用以说明本发明的技术方案而非限制技术方案，本领域的普通技术人员应当理解，那些对本发明的技术方案进行修改或者等同替换，而不脱离本技术方案的宗旨和范围，均应涵盖在本发明的权利要求范围当中。