搜索结果显示方法及装置与流程

本发明涉及信息技术领域，尤其涉及一种搜索结果显示方法及装置。

背景技术：

近些年来，随着互联网的迅猛发展，表格在不同业务系统中得到了广泛的应用，而网页中的表格因其特殊的技术特点出现了很多优秀的表格插件用来管理网页中的表格，例如，DataTables便是其中一款非常优秀的表格插件，因其免费、开源、可拓展特性得到了广泛的应用。表格内容搜索是个很常见的功能，用户可以在搜索框中输入搜索关键词后，会过滤掉表格中不含搜索关键字的行或列，只保留匹配了搜索关键词的行或列。

目前，表格在用户输入了搜索关键词后过滤掉了不含搜索关键词的行或列，只能显示保留下来的行或列，无法使用户直观的看到与搜索关键词匹配的文本信息，在保留下来的行或列的数量较多以及单元格中文本较长的情况下，会影响显示效果，进而影响了用户的体验，例如，在保留下来的行中，用户无法直观的看到具体哪一列或单元格中哪段文本匹配了搜索关键词，在匹配了搜索关键词的行数较多以及单元格中文本较长的情况下让用户自己肉眼一行一行去判断表格哪列、单元格哪段文本匹配到了自己输入的搜索关键词工作量较大，也比较麻烦，这样的搜索效果用户体验比较差。

技术实现要素：

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述在显示搜索关键词对应的表格内容时，无法使用户直观的看到与关键词匹配的文本信息，造成显示效果差的问题。

为了达到上述目的，本发明主要提供如下技术方案：

一方面，本发明提供了一种搜索结果显示方法，该方法包括：

获取表格中通过搜索关键词过滤掉的第一文本信息；

从所述第一文本信息中获取与所述搜索关键词匹配的第二文本信息；

为所述第二文本信息配置与所述第一文本信息不同的背景色；

显示所述第一文本信息以及所述背景色。

另一方面，本发明提供了一种搜索结果显示装置，该装置包括：

获取单元，用于获取表格中通过搜索关键词过滤掉的第一文本信息；

所述获取单元，还用于从所述第一文本信息中获取与所述搜索关键词匹配的第二文本信息；

配置单元，用于为所述第二文本信息配置与所述第一文本信息不同的背景色；

显示单元，用于显示所述第一文本信息以及所述背景色。

借由上述技术方案，本发明实施例提供的技术方案至少具有下列优点：

本发明提供的一种搜索结果显示方法及装置，首先获取表格中通过搜索关键词过滤掉的第一文本信息；再从所述第一文本信息中获取与所述搜索关键词匹配的第二文本信息；然后为所述第二文本信息配置与所述第一文本信息不同的背景色；最后显示所述第一文本信息以及所述背景色。与目前只能显示保留下来的行或列相比，本发明除了显示保留下来的行或列以外，还可以将与搜索关键词匹配的文本信息的背景色进行高亮显示，可以使用户能清晰的看见表格中哪行、哪列含有搜素关键词，可以使用户能清晰的看见表格中含有搜索关键词的单元格中哪段文本匹配到了搜索关键词，提高了显示效果，提升了用户体验。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例提供的一种搜索结果显示方法流程示意图；

图2示出了本发明实施例提供的另一种搜索结果显示方法流程示意图；

图3示出了本发明实施例提供的一种搜索结果显示装置结构示意图；

图4示出了本发明实施例提供的另一种搜索结果显示装置结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

本发明实施例提供的一种搜索结果显示方法，如图1所示，该方法包括：

101、获取表格中通过搜索关键词过滤掉的第一文本信息。

其中，所述搜索关键词可以由用户进行配置。

例如，获取表格中通过搜索关键词过滤掉的一行或多行，并获取这些行中的文本信息。

102、从第一文本信息中获取与搜索关键词匹配的第二文本信息。

103、为第二文本信息配置与第一文本信息不同的背景色。

其中，所述与第一文本信息不同的背景色可以根据用户的实际需求进行配置，也可以由系统默认进行配置，本发明实施例不做限定。

例如，第一文本信息的背景色为白色，第二文本信息的背景色可以配置为黄色。

104、显示第一文本信息以及所述背景色。

例如，在表格中显示通过搜索关键词过滤掉的剩余行时，在该行中与搜索关键词匹配的文本信息的背景色配置为黄色，并且显示该背景色黄色，达到高亮显示的目的。

本发明实施例提供的一种搜索结果显示方法，首先获取表格中通过搜索关键词过滤掉的第一文本信息；再从所述第一文本信息中获取与所述搜索关键词匹配的第二文本信息；然后为所述第二文本信息配置与所述第一文本信息不同的背景色；最后显示所述第一文本信息以及所述背景色。与 目前只能显示保留下来的行或列相比，本发明除了显示保留下来的行或列以外，还可以将与搜索关键词匹配的文本信息的背景色进行高亮显示，可以使用户能清晰的看见表格中哪行、哪列含有搜素关键词，可以使用户能清晰的看见表格中含有搜索关键词的单元格中哪段文本匹配到了搜索关键词，提高了显示效果，提升了用户体验。

具体的，本发明实施例提供了另一种搜索结果显示方法，以DataTables表格插件为例，如图2所示，该方法包括：

201、根据搜索关键词，通过预置search接口函数对表格中的文本信息进行过滤。

需要说明的是，DataTables表格插件提供了即时搜索接口search(searchKeyword)函数，即预置search接口函数，参数searchKeyword便是用户输入的搜索关键词，预置search接口函数被调用后DataTables表格插件会对表格中不含有搜索关键词的行进行过滤，只显示含有搜索关键词的行。

202、获取表格中通过搜索关键词过滤掉的第一文本信息。

203、从第一文本信息中获取与搜索关键词匹配的第二文本信息。

对于本发明实施例，所述步骤203之前，还可以包括：通过预置row接口函数，确定所述第一文本信息对应的行索引信息；通过预置column接口函数，确定所述第一文本信息对应的列索引信息；根据所述行索引信息和所述列索引信息，确定所述第一文本信息对应的各个单元格位置。

具体地，表格中含有搜索关键词的行可能不止一行，所以DataTables过滤掉了表格中不含搜索关键词的行后，要对剩下的每一行都查找具体哪一列单元格中含有搜索关键词。DataTables提供了获取表格中rowIndex行的接口row(rowIndex)函数，即预置row接口函数，以及获取rowIndex行columnIndex列单元格内容的接口column(columnIndex)函数，即预置column接口函数。使用预置row接口函数确定表格中行索引rowIndex，使用预置column接口函数确定表格中列索引columnIndex，根据行索引rowIndex和列索引columnIndex，确定单元格，使用javascript函数indexOf(subStr)即可判断该单元格文本中是否含有搜索关键词，其中参数subStr便是用户 输入的搜索关键词，当indexOf(subStr)函数返回值为-1时，说明单元格文本中不含搜索关键词，否则便是含有搜索关键词，此时rowIndex、columnIndex便是含有搜素关键词的单元格的行索引和列索引。

进一步地，所述步骤203具体可以包括：通过预置indexOf函数，从所述各个单元格位置中获取与所述搜索关键词匹配的第二文本信息的起始位置；根据所述起始位置，通过预置substr函数获取与所述搜索关键词匹配的第二文本信息。

具体地，在确定表格中含有搜索关键词的单元格的行索引和列索引之后，通过DataTables表格插件的接口row(rowIndex).Column(columnIndex).data()函数便可以获取指定rowIndex行columnIndex列位置的单元格数据cellStr，然后使用javascript函数indexOf(searchKeyword)，即预置indexOf函数，便可以查找到单元格文本中搜索关键词的起始位置start，然后使用javascript函数substr(start)，即预置substr函数，便可以从单元格文本中提取搜索关键词文本信息。

204、为第二文本信息配置与第一文本信息不同的背景色。

对于本发明实施例，所述步骤204具体可以包括：通过预置html函数，为所述第二文本信息配置与所述第一文本信息不同的背景色。

具体地，以第二文本信息的背景色配置为黄色为例，给搜索关键词添加黄色背景色高亮显示效果需要修改网页表格中单元格内容的HTML代码，原来单元格内容字符串用cellStr表示，则cellStr中不含搜索关键词部分文本是cellStr(0,start)，cellStr中含有搜索关键词的部分文本是cellStr.substr(start)，那么添加了搜索关键词黄色背景色高亮显示效果的单元格文本HTML代码便是：

newCellHtml＝cellStr(0,start)+“<span style＝’background-color:yellow’>”+cellStr.substr(start)+“</span>”。

最后使用jQuery的html函数，即预置html函数，将表格中单元格的HTML代码替换为添加了黄色背景色高亮显示效果的新单元格HMTL代码字符串newCellHtml即可。

205、显示第一文本信息以及所述背景色。

例如，在表格中显示通过搜索关键词过滤掉的剩余行时，在该行中与搜索关键词匹配的文本信息的背景色配置为绿色，并且显示该背景色绿色，达到高亮显示的目的。

本发明实施例提供的另一种搜索结果显示方法，首先获取表格中通过搜索关键词过滤掉的第一文本信息；再从所述第一文本信息中获取与所述搜索关键词匹配的第二文本信息；然后为所述第二文本信息配置与所述第一文本信息不同的背景色；最后显示所述第一文本信息以及所述背景色。与目前只能显示保留下来的行或列相比，本发明除了显示保留下来的行或列以外，还可以将与搜索关键词匹配的文本信息的背景色进行高亮显示，可以使用户能清晰的看见表格中哪行、哪列含有搜素关键词，可以使用户能清晰的看见表格中含有搜索关键词的单元格中哪段文本匹配到了搜索关键词，提高了显示效果，提升了用户体验。

进一步地，作为图1所示方法的具体实现，本发明实施例提供了一种搜索结果显示装置，如图3所示，所述装置包括：获取单元31、配置单元32、显示单元33。

所述获取单元31，可以用于获取表格中通过搜索关键词过滤掉的第一文本信息。

所述获取单元31，还可以用于从所述第一文本信息中获取与所述搜索关键词匹配的第二文本信息。

所述配置单元32，可以用于为所述第二文本信息配置与所述第一文本信息不同的背景色。

所述显示单元33，可以用于显示所述第一文本信息以及所述背景色。

需要说明的是，本发明实施例提供的一种搜索结果显示装置所涉及各功能单元的其他相应描述，可以参考图1的对应描述，在此不再赘述。

本发明实施例提供的一种搜索结果显示装置，首先获取表格中通过搜索关键词过滤掉的第一文本信息；再从所述第一文本信息中获取与所述搜索关键词匹配的第二文本信息；然后为所述第二文本信息配置与所述第一文本信息不同的背景色；最后显示所述第一文本信息以及所述背景色。与 目前只能显示保留下来的行或列相比，本发明除了显示保留下来的行或列以外，还可以将与搜索关键词匹配的文本信息的背景色进行高亮显示，可以使用户能清晰的看见表格中哪行、哪列含有搜素关键词，可以使用户能清晰的看见表格中含有搜索关键词的单元格中哪段文本匹配到了搜索关键词，提高了显示效果，提升了用户体验。

进一步地，作为图2所示方法的具体实现，本发明实施例提供了另一种搜索结果显示装置，如图4所示，所述装置包括：获取单元41、配置单元42、显示单元43。

所述获取单元41，可以用于获取表格中通过搜索关键词过滤掉的第一文本信息。

所述获取单元41，还可以用于从所述第一文本信息中获取与所述搜索关键词匹配的第二文本信息。

所述配置单元42，可以用于为所述第二文本信息配置与所述第一文本信息不同的背景色。

所述显示单元43，可以用于显示所述第一文本信息以及所述背景色。

进一步地，所述装置还包括：过滤单元44。

所述过滤单元44，可以用于根据所述搜索关键词，通过预置search接口函数对表格中的文本信息进行过滤。

进一步地，所述装置还包括：确定单元45。

所述确定单元45，可以用于通过预置row接口函数，确定所述第一文本信息对应的行索引信息。

所述确定单元45，还可以用于通过预置column接口函数，确定所述第一文本信息对应的列索引信息。

所述确定单元45，还可以根据所述行索引信息和所述列索引信息，确定所述第一文本信息对应的各个单元格位置。

所述获取单元41，具体可以用于通过预置indexOf函数，从所述各个单元格位置中获取与所述搜索关键词匹配的第二文本信息的起始位置。

所述获取单元41，具体还可以根据所述起始位置，通过预置substr函数获取与所述搜索关键词匹配的第二文本信息。

所述配置单元42，具体可以用于通过预置html函数，为所述第二文本信息配置与所述第一文本信息不同的背景色。

需要说明的是，本发明实施例提供的另一种搜索结果显示装置所涉及各功能单元的其他相应描述，可以参考图2的对应描述，在此不再赘述。

本发明实施例提供的另一种搜索结果显示装置，首先获取表格中通过搜索关键词过滤掉的第一文本信息；再从所述第一文本信息中获取与所述搜索关键词匹配的第二文本信息；然后为所述第二文本信息配置与所述第一文本信息不同的背景色；最后显示所述第一文本信息以及所述背景色。与目前只能显示保留下来的行或列相比，本发明除了显示保留下来的行或列以外，还可以将与搜索关键词匹配的文本信息的背景色进行高亮显示，可以使用户能清晰的看见表格中哪行、哪列含有搜素关键词，可以使用户能清晰的看见表格中含有搜索关键词的单元格中哪段文本匹配到了搜索关键词，提高了显示效果，提升了用户体验。

所述搜索结果显示装置包括处理器和存储器，上述获取单元、配置单元、显示单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来解决在显示搜索关键词对应的表格内容时，无法使用户直观的看到与关键词匹配的文本信息，造成显示效果差的问题。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flashRAM)，存储器包括至少一个存储芯片。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序代码：获取表格中通过搜索关键词过滤掉的第一文本信息；从所述第一文本信息中获取与所述搜索关键词匹配的第二文本信息；为所述第二文本信息配置与所述第一文本信息不同的背景色；显示所述第一文本信息以及所述背景色。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、 或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flashRAM)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结 构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。