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

权利要求书

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

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

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

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

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

2.根据权利要求1所述的一种网页表格的查询构建方法，其特征在于：所述表格节点的生成过程具体包括下述步骤：

请求接口获取数据库中数据库表的列表，并显示于所述数据源展示列表中，且每个数据库表对应一个表格节点id；

加载antvX6的资源生成所述表格节点字段关联选取区画布；

根据antvX6预先定义好的表格节点样式在画布中生成表格节点；

根据表格节点id从数据库中获取数据库表下的字段信息，根据字段信息在表格节点中生成字段节点，该字段节点包含了预先定义好的关联节点；

当画布中的任两个表格节点的关联节点通过点击拖拽时，根据antvX6预先定义好的连线节点的样式，在点击拖拽的两个关联节点之间产生连线进行连接，产生连线信息，从而建立两个网页表格之间的联系；

其中，所述表格节点和所述连线均提供相应的删除方式以供删除表格节点或连线。

3.根据权利要求1所述的一种网页表格的查询构建方法，其特征在于：

所述表格查询展示列的配置过程具体包括下述步骤：

表格节点的字段节点在被选中后，根据表格列的字段类型及字段名在所述表格列配置区中生成默认的查询列对象，所述表格列配置区还提供新增自定义列功能，用以生成自定义的查询列对象；

所述表格列配置区通过列配置表格展示各个所述查询列对象，并根据表格列的字段类型为每个查询列对象提供格式化配置选项，以供对表格列属性进行配置或变更，以及对数据库查询语句的拼接属性进行配置，所述表格列属性和所述拼接属性构成列配置表格的数据；

所述查询语句生成过程具体包括下述步骤：

在完成表格配置并点击保存后，校验当前的画布中是否存在表格节点、列配置表格中是否有查询列对象以及保存的名称是否存在，若都是，则校验通过；

校验通过后调用antvX6的接口读取画布中的表格节点的信息，所述表格节点的信息包括表格节点的位置坐标信息，连线信息以及所述列配置表格的数据；

解析所述连线信息，将所述连线信息转化为表关系配置信息，将转化后的所述表关系配置信息、所述表格节点的位置坐标信息、所述列配置表格的数据组装后得到所述配置信息；

调用接口接收到所述配置信息后，将所述表关系配置信息及所述列配置表格的数据进行提取，并转化为对应的数据库查询语句，并根据所述拼接属性对所述数据库查询语句进行拼接；

将所述配置信息、拼接后的所述数据库查询语句与一存储id对应存储至数据库中；

所述配置信息的读取及表格展示过程具体包括下述步骤：

在网页表格对应的使用页面中根据所述存储id查询对应的配置信息；

将配置信息中的所述列配置表格的数据解析成vxe-table表格插件可识别的查询列对象；

调用接口根据所述存储id从数据库中获取对应的所述数据库查询语句并执行，将执行后返回的所述列配置表格的数据加载到vxe-table的表格插件中，得到所述查询列对象的表格列属性；

根据所述查询列对象对应的所述表格列属性，展示出表格要展示的表格列及数据。