[发明专利]一种网页表格的查询构建方法、查询构建器、设备和介质

说明书

本发明提供一种网页表格的查询构建方法、表格查询构建器、设备和介质，基于Vue、vxe‑table及antvX6的前端框架实现，根据antvX6封装了表格节点及其字段节点。开发者仅需要通过拖动查询数据源展示列表中的数据库表到画布中进行勾选连线的配置，同时在表格列配置区中为选中的字段节点配置一些展示时用到的配置信息进行保存，即可在表格的使用页面中根据配置信息及数据库查询语句快速的生成一个表格展示的页面，之后还可调用配置信息进行修改，从而调整表格展示的表格列及数据。由于只要简单的进行拖拽配置就可以生成或修改页面展示的表格，响应快速，开发效率高且开发者的编码门槛低，大大降低了研发成本。

技术领域

本发明涉及计算机技术领域，特别涉及一种网页表格的查询构建方法、查询构建器、设备和介质。

背景技术

随着时代的发展，前端技术及框架的不断更新，网页中表格的功能交互也越发的复杂，有时用户对一些表格的数据展示有一些定制化的需求，以及一些偏向报表展示的需求，这就要求开发人员通过编写代码的方式实现一些功能相似的表格展示页面或实现对表格展示内容的调整，造成大量重复的工作，导致资源的浪费。

发明内容

本发明要解决的技术问题，在于提供一种网页表格的查询构建方法、表格查询构建器、设备和介质，基于Vue、vxe-table及antvX6的前端框架，根据antvX6封装了表格节点及其字段节点，开发者仅需要通过拖动查询数据源展示列表中的数据库表到画布中进行勾选连线的配置，同时为选中的字段节点配置一些展示时用到的配置信息进行保存，即可根据配置信息及配置信息保存时生成的数据库查询语句快速的生成一个表格展示的页面，或调整表格展示的表格列及数据，由于只要简单的进行拖拽配置就可以生成页面展示的表格，能快速的响应用户需求，也大大降低了开发者的编码门槛从而降低了研发成本和提升了开发的效率。

第一方面，本发明提供了一种网页表格的查询构建方法，基于VUE、 antvX6及vxe-table的前端框架技术栈实现一网页表格的查询构建器，该表格查询构建器包括数据源展示列表、表格节点字段关联选取区和表格列配置区，所述数据源展示列表中罗列了多个数据库表，所述表格节点字段关联选取区包括一画布；所述方法包括下述过程：

表格节点生成过程，即所述数据源展示列表中的数据库表被拖拽到所述画布中后会生成一个表格节点展示在画布中，每个表格节点对应生成一个网页表格，该表格节点包括至少一个字段节点，其中，某些字段节点属于关联节点，每个字段节点与数据库表中定义的字段相对应；当画布中生多个表格节点时，通过连线连接任意两个表格节点的关联节点来建立网页表格之间的联系；

表格查询展示列的配置过程，即表格节点的字段在被选中后会展示到所述表格列配置区中，以供配置表格属性；

查询语句生成过程，即在表格属性配置完成后，配置信息会存储在数据库中并生成一存储id，且存储时会生成对应的数据库查询语句；

配置信息的加载和回显过程，即根据所述存储id加载所述配置信息，并在表格节点字段关联选取区回显相应的表格节点，在表格列配置区回显相应的表格属性配置结果；

配置信息的读取及表格展示过程，即在网页表格对应的使用页面中根据所述存储id将对应的配置信息加载转化为对应的表格列，并根据所述数据库查询语句进行查询，根据查询结果对网页表格的表格列及数据进行展示。

第二方面，本发明提供了一种网页表格的查询构建器，基于VUE、antvX6 及vxe-table的前端框架技术栈实现，包括数据源展示列表、表格节点字段关联选取区和表格列配置区，所述数据源展示列表中罗列了多个数据库表，所述表格节点字段关联选取区包括一画布；

所述网页表格的查询构建器用于执行下述过程：