(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210825708.5 (22)申请日 2022.07.14 (71)申请人 福建亿能达信息技 术股份有限公司 地址 350000 福建省福州市 鼓楼区软件大 道89号福州软件园A区28号楼二层 (72)发明人 杨辉　黄家昌　李文集　邱道椿　 (74)专利代理 机构 福州市鼓楼区京华专利事务 所(普通合伙) 35212 专利代理师 王美花 (51)Int.Cl. G06F 16/242(2019.01) G06F 16/2455(2019.01) G06F 16/248(2019.01) G06F 40/18(2020.01) (54)发明名称 一种网页表格的查询构建方法、 查询构建 器、 设备和介质 (57)摘要 本发明提供一种网页表格的查询构建方法、 表格查询构建器、 设备和介质， 基于Vue、 vxe ‑ table及antvX6的前端框架实现， 根据antvX6封 装了表格节 点及其字段节点。 开发者仅需要通过 拖动查询数据源展示列表中的数据库表到画布 中进行勾选连线的配置， 同时在表格列配置区中 为选中的字段节点配置一些展示时用到的配置 信息进行保存， 即可在表格的使用页面中根据配 置信息及数据库查询语句快速的生成一个表格 展示的页面， 之后还可调用配置信息进行修改， 从而调整表格展示的表格列及数据。 由于只要简 单的进行拖拽配置就可以生成或修改页面展示 的表格， 响应快速， 开发效率高且开发者的编码 门槛低， 大 大降低了 研发成本。 权利要求书4页 说明书10页 附图6页 CN 115422221 A 2022.12.02 CN 115422221 A 1.一种网页表格的查询构建方法， 其特征在于： 基于VUE、 antvX6及vxe ‑table的前端框 架技术栈实现一网页表格的查询构建器， 该网页表格的查询构建器包括数据源展示列表、 表格节点字段关联选取区和表格列配置区， 所述数据源展示列表中罗 列了多个数据库表， 所述表格节点字段关联选取区包括 一画布； 所述方法包括下述过程： 表格节点生成过程， 即所述数据源展示列表中的数据库表被拖拽到所述画布中后会生 成一个表格节点展示在画布中， 每个表格节点对应生成一个网页表格， 该表格节点包括至 少一个字段节点， 其中， 某些字段节 点属于关联节点， 每个字段节点与数据库 表中定义的字 段相对应； 当画布中生多个表格节点时， 通过连线连接任意两个表格节点的关联节点来建 立网页表格之间的联系； 表格查询展示列的配置过程， 即表格节点的字段在被选中后会展示到所述表格列配置 区中， 以供配置表格属性； 查询语句生成过程， 即在表格属性配置完成后， 配置信息会存储在数据库中并生成一 存储id， 且存储时会生成对应的数据库查询语句； 配置信息的读取及表格展示过程， 即在网页表格对应的使用页面中根据 所述存储id将 读取对应的配置信息， 转化为对应的表格列， 并根据所述数据库查询语句进行查询， 根据查 询结果对网页表格的表格列及数据进行展示。 2.根据权利要求1所述的一种网页表格的查询 构建方法， 其特征在于： 所述表格节点的 生成过程具体包括下述 步骤： 请求接口获取数据库中数据库表的列表， 并显示于所述数据源展示列表中， 且每个数 据库表对应一个表格节点 id； 加载antvX6的资源生成所述表格节点字段关联选取区画 布； 根据antvX6预 先定义好的表格节点样式在画 布中生成表格节点； 根据表格节点id从数据库中获取数据库表下的字段信 息， 根据字段信息在表格节点中 生成字段节点， 该字段节点包 含了预先定义好的关联节点； 当画布中的任两个表格节点的关联节点通过点击拖拽时， 根据antvX6预先定义好的连 线节点的样式， 在点击拖拽的两个关联节点之 间产生连线进 行连接， 产生连线信息， 从而建 立两个网页表格之间的联系； 其中， 所述表格节点和所述连线均提供相应的删除方式以供删除表格节点或连线。 3.根据权利要求1所述的一种网页表格的查询构建方法， 其特 征在于： 所述表格查询展示列的配置过程具体包括下述 步骤： 表格节点的字段节点在被选中后， 根据表格列的字段类型及字段名在所述表格列配置 区中生成默认的查询列对 象， 所述表格列配置区还提供新增自定义列功能， 用以生成自定 义的查询列对象； 所述表格列配置区通过列配置表格展示各个所述查询列对象， 并根据表格列的字段类 型为每个查询列对 象提供格式化配置选项， 以供对表格列属 性进行配置或变更， 以及对数 据库查询语句的拼接属性进行配置， 所述表格列属性和所述拼接属性构成列配置表格的数 据； 所述查询语句生成过程具体包括下述 步骤： 在完成表格配置并点击保存后， 校验当前的画布中是否存在表格节点、 列配置表格中权　利　要　求　书 1/4 页 2 CN 115422221 A 2是否有查询列对象以及保存的名称是否存在， 若都是， 则校验通过； 校验通过后调用antvX6的接口读取画布中的表格节点的信息， 所述表格节点的信息包 括表格节点的位置坐标信息， 连线信息以及所述列配置表格的数据； 解析所述连线信息， 将所述连线信息转化为表关系配置信息， 将转化后的所述表关系 配置信息、 所述表格节点的位置坐标信息、 所述列配置表格的数据组装后得到所述配置信 息； 调用接口接收到所述配置信 息后， 将所述表关系配置信 息及所述列配置表格的数据进 行提取， 并转化为对应的数据库查询语句， 并根据所述拼接属 性对所述数据库查询语句进 行拼接； 将所述配置信息、 拼接后的所述数据库查询语句与一存 储id对应存 储至数据库中； 所述配置信息的读取及表格展示过程具体包括下述 步骤： 在网页表格对应的使用页面中根据所述存 储id查询对应的配置信息； 将配置信息中的所述列配置表格的数据解析成vxe ‑table表格插件可识别的查询列对 象； 调用接口根据所述存储id从数据库中获取对应的所述数据库查询语句并执行， 将执行 后返回的所述列配置表格的数据加载到vxe ‑table的表格插件中， 得到所述查询列对象的 表格列属性； 根据所述 查询列对象对应的所述表格列属性， 展示出表格要 展示的表格列及数据。 4.根据权利要求1所述的一种网页表格的查询构建方法， 其特 征在于： 还 包括： 配置信息的加载和回显过程， 具体包括： 根据所述存储id读取对应的配置信息， 包括表格节点的位置坐标信息、 表之间的关联 关系、 列配置表格的数据； 根据表格节点的位置坐标信 息在画布中生成表格节点并加载表格节点的字段节点， 将 表格之间的联系转化为连线信息并在画布上生成连线， 同时将列配置表格的数据回显到表 格列配置区的列配置表格中， 完成配置信息的回显， 以供修改或调整。 5.一种网页表格的查询构建器， 其特征在于： 基于VUE、 antvX6及vxe ‑table的前端框架 技术栈实现， 包括数据源展示列表、 表格节点字段关联选取区和表格列配置区， 所述数据源 展示列表中罗列了多个数据库表， 所述表格节点字段关联选取区包括 一画布； 所述网页表格的查询构建器用于执 行下述过程： 表格节点生成过程， 即所述数据源展示列表中的数据库表被拖拽到所述画布中后会生 成一个表格节点展示在画布中， 每个表格节点对应生成一个网页表格， 该表格节点包括至 少一个字段节点， 其中， 某些字段节 点属于关联节点， 每个字段节点与数据库 表中定义的字 段相对应； 当画布中生多个表格节点时， 通过连线连接任意两个表格节点的关联节点来建 立网页表格之间的联系； 表格查询展示列的配置过程， 即表格节点的字段在被选中后会展示到所述表格列配置 区中， 以供配置表格属性； 查询语句生成过程， 即在表格属性配置完成后， 配置信息会存储在数据库中并生成一 存储id， 且存储时会生成对应的数据库查询语句； 配置信息的加载和回显过程， 即根据所述存储id加载所述配置信息， 并在表格节点字权　利　要　求　书 2/4 页 3 CN 115422221 A 3