[发明专利]网页表格显示方法、装置、计算机设备和存储介质

说明书

本申请涉及UI设计技术领域，揭示了一种网页表格显示方法、装置、计算机设备和存储介质，其中方法包括：响应于用户点击当前显示的网页表格中的点击事件，响应点击事件确定的目标单元格，提取目标单元格的目标内容信息；遍历网页表格中除目标单元格之外的剩余单元格，提取剩余单元格的内容信息，计算目标内容信息与剩余单元格的内容信息的关联度，从剩余单元格的内容信息中筛选出与目标内容信息的关联度大于预设值的信息作为关联信息；从剩余单元格中确定与关联信息对应的关联单元格和非对应的非关联单元格，将目标单元格及关联单元格进行关联显示，并区别非关联单元格显示，以直观地了解被点击的目标单元格的数据关联方和来源，提高显示效果。

技术领域

本申请涉及到UI设计技术领域，特别是涉及到一种网页表格显示方法、装置、计算机设备和存储介质。

背景技术

目前银行、信贷、保险、商品交易等各行业的人员在日常工作中经常会使用到表格统计图，市面上前端页面大多采用UI组件的表格，并且将鼠标放置在表格的某个单元格上时，可以实现该单元格的高亮展示的效果。

但是这种展示方式只是高亮展示当前被选中的单元格或该单元格所在的一整行或一整列，使用户无法直观地了解被点击的单元格的数据关联方和来源，显示效果不佳。

发明内容

本申请的主要目的为提供一种网页表格显示方法、装置、计算机设备和存储介质，旨在解决目前的网页表格显示方法显示效果较差，用户无法直观地了解被点击的单元格的数据关联方和来源的技术问题。

为了实现上述发明目的，本申请提出一种网页表格显示方法，包括：

响应于用户点击当前显示的网页表格中的点击事件，响应所述点击事件确定的目标单元格，提取所述目标单元格的目标内容信息；

遍历所述网页表格中除所述目标单元格之外的剩余单元格，提取所述剩余单元格的内容信息，计算所述目标内容信息与所述剩余单元格的内容信息的关联度，从所述剩余单元格的内容信息中筛选出与所述目标内容信息的关联度大于预设值的信息作为关联信息；

从所述剩余单元格中确定与所述关联信息对应的关联单元格和非对应的非关联单元格，将所述目标单元格及所述关联单元格进行关联显示，并将所述目标单元格及所述关联单元格区别所述非关联单元格显示。

可选地，所述计算所述目标内容信息与所述剩余单元格的内容信息的关联度的步骤，包括：

当确定所述目标内容信息与所述剩余单元格的内容信息皆为数据，且所述目标内容信息根据所述剩余单元格的内容信息通过多次计算过程计算得到时，获取根据所述剩余单元格的内容信息计算得到的所述目标内容信息的计算路径；

将所述计算路径中的所述多个计算过程设置为多个节点；

根据所述剩余单元格的内容信息在所述计算路径的节点确定与所述目标内容信息的关联度；其中，处于同一节点的所述剩余单元格的内容信息与所述目标内容信息的关联度相同。

在一实施例中，所述计算所述目标内容信息与所述剩余单元格的内容信息的关联度的步骤，包括：

将所述目标内容信息和所述剩余单元格的内容信息分别进行特征向量化处理，得到第一特征向量和第二特征向量；

计算所述第一特征向量与所述第二特征向量的余弦距离；

根据所述余弦距离计算所述目标内容信息与所述剩余单元格的内容信息的关联度。

进一步地，所述将所述目标单元格及所述关联单元格区别所述非关联单元格显示的步骤之后，还包括：

响应于用户点击事件的结束指令，将所述目标单元格及所述关联单元格恢复为原始显示状态，或将所述非关联单元格恢复为原始显示状态。