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

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

背景技术：

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

目前，表格在用户输入了搜索关键词后过滤掉了不含搜索关键词的行，只能显示保留下来的行，但是表格的搜索是针对整个表格数据进行查询的，并不是针对表格当前页进行的，当表格行数较多，且匹配搜索关键词的行数也较多时，保留下来的匹配行数过多，不利于用户筛选自己想要的数据，用户更多的是想在一定范围内进行查询，影响了显示效果，例如，一个表格有57行数据，每页只能显示10行，共6页，用户可能只想在第一页中查询数据，也可能只想在第三页中查询数据。

技术实现要素：

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述在显示搜索关键词对应的表格内容时，无法实现只对表格当前页内与搜索关键词相关的内容进行显示，造成显示效果差的问题。

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

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

获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息；

修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色；

在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。

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

获取单元，用于获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息；

修改单元，用于修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色；

显示单元，用于在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。

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

本发明提供的一种搜索结果显示方法及装置，首先获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息；然后修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色；最后在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。与目前只能显示保留下来的行相比，本发明可以实现只对当前页面内与搜索关键词相关的内容进行显示，表格查询范围是针对表格当前显示页内的数据进行的，查询得到的数据较少，便于用户分析、筛选自己想要的数据，提高了用户表格数据查询的精准度，改善了用户的查询体验，提高了显示效果。

附图说明

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

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

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

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

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

具体实施方式

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

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

101、获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与搜索关键词匹配的文本信息。

其中，所述搜索关键词可以由用户进行配置。所述行索引信息包含有行在表格中的位置信息。

102、修改行索引信息对应的行背景色为第一预置颜色，以及修改文本信息对应的背景色为第二预置颜色。

其中，所述第一预置颜色与所述第二预置颜色为不同的颜色。所述第一预置颜色与所述第二预置颜色可以根据用户的实际需求进行配置，也可以由系统默认进行配置，本发明实施例不做限定。例如，当表格当前的背景色为白色时，第一预置颜色可以配置为黄色，第二预置颜色可以配置为红色。

103、在表格当前页内显示经过修改后的行背景色，以及显示经过修改后的文本信息对应的背景色。

例如，在表格当前页内，将搜索关键词所在的一行或多行的行背景色 配置为黄色，并在这些行中将与搜索关键词匹配的文本信息的背景色配置为红色，显示这些行的行背景色黄色，以及显示该文本信息的背景色红色，达到高亮显示的目的。

需要说明的是，本发明实施例所提供的方式主要适用于表格按行进行展示，但不限于此，按照本发明实施例所提供的方式，还可以适用于表格按列进行展示，此时需要将本实施例中的行替换为列，将行背景色替换为列背景等，具体可以根据实际需求进行选择。

本发明实施例提供的一种搜索结果显示方法，首先获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息；然后修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色；最后在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。与目前只能显示保留下来的行相比，本发明可以实现只对当前页面内与搜索关键词相关的内容进行显示，表格查询范围是针对表格当前显示页内的数据进行的，查询得到的数据较少，便于用户分析、筛选自己想要的数据，提高了用户表格数据查询的精准度，改善了用户的查询体验，提高了显示效果。

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

201、获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与搜索关键词匹配的文本信息。

对于本发明实施例，所述获取表格当前页内包含有搜索关键词的行对应的行索引信息具体可以包括：通过预置row接口函数，获取表格当前页内包含有搜索关键词的行对应的行索引信息。所述获取与所述搜索关键词匹配的文本信息具体可以包括：通过预置indexOf函数，在表格当前页内获取与所述搜索关键词匹配的文本信息的起始位置；根据所述起始位置，通过预置substr函数获取与所述搜索关键词匹配的文本信息。

具体地，DataTables管理的表格和普通表格一样，都是多行多列的结 构，DataTables提供了获取表格中第rowIndex行数据的接口row(rowIndex)函数，即预置row接口函数，以及获取某行第colIndex列数据的接口column(colIndex)函数，即预置column接口函数。通过预置row接口函数和预置column接口函数，便可以遍历整个表格中所有行所有列的数据，遍历到第rowIndex行第colIndex列的表格单元格数据时通过javascript中的函数indexOf(searchKeyword)，即，预置indexOf函数，通过判断返回值是否大于-1，进而可以判断单元格数据中是否包含了搜索关键词，其中，预置indexOf函数的参数searchKeyword就是搜索关键词，此时单元格所处的行索引rowIndex就是含有搜索关键词的行索引。此时单元格所处的列索引colIndex便是含有搜索关键词的行中含有搜索关键词的列索引。当预置indexOf函数的返回值大于-1时，返回结果便是单元格文本中搜索关键词出现的起始位置，用start表示。通过DataTables的接口row(rowIndex).column(colIndex)函数可以获取到该单元格的文本数据cellStr，然后通过javascript函数substr分别获取单元格文本中不含关键词部分文本cellStr.substr(0,start)和含有关键词部分文本cellStr.substr(start)。

202、修改行索引信息对应的行背景色为第一预置颜色，以及修改文本信息对应的背景色为第二预置颜色。

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

具体地，步骤201中已经计算出了表格当前页中含有搜索关键词的行索引rowIndex，现在通过该行索引即可获取表格第rowIndex行的HTMLDOM对象，然后给该DOM对象添加CSS样式，例如，CSS样式{background-color:yellow}即可实现含有搜索关键词的表格行背景色显示为黄色。

对于本发明实施例，所述修改文本信息对应的背景色为第二预置颜色具体可以包括：通过预置html函数，修改所述文本信息对应的背景色为第二预置颜色。

203、修改文本信息对应的前景色为第三预置颜色。

其中，所述第三预置颜色与所述第二预置颜色为不同的颜色。所述第三预置颜色可以根据用户的实际需求进行配置，也可以由系统默认进行配置，本发明实施例不做限定。

具体地，通过上述步骤得到了单元格文本中不含关键词部分文本cellStr.substr(0,start)和含有关键词部分文本cellStr.substr(start)，通过字符串相加cellStr.substr(0,start)+“<span style＝’background-color:red；color:white’>”+cellStr.substr(start)+“</span>”便得到了关键词文本背景色为红色，前景色为白色的单元格HTML代码newCellHtml，然后通过jQuery的函数html，即预置html函数，将该单元格的HTML代码修改为newCellHtml即可实现表格当前页中含有搜索关键词的单元格关键词部分文本背景色为红色、前景色为白色的效果。

204、在表格当前页内显示经过修改后的行背景色，以及显示经过修改后的文本信息对应的背景色和前景色。

例如，在表格当前页内，将搜索关键词所在的一行或多行的行背景色配置为绿色，并在这些行中将与搜索关键词匹配的文本信息的背景色配置为蓝色，前景色配置为白色，显示这些行的行背景色黄色，以及显示该文本信息的背景色红色和前景色白色，达到高亮显示的目的。

需要说明的是，通过本发明实施例给出的方式，能够给客户提供了特定范围内的表格查询功能，即表格当前显示页内数据查询功能，用户通过表格的翻页键翻到哪一页，查询时的范围就是哪一页的数据，这对表格中含有大量数据时提高查询精准度有极大的帮助，用户的查询体验也将得到极大的提升。

本发明实施例提供的另一种搜索结果显示方法，首先获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息；然后修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色；最后在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背 景色。与目前只能显示保留下来的行相比，本发明可以实现只对当前页面内与搜索关键词相关的内容进行显示，表格查询范围是针对表格当前显示页内的数据进行的，查询得到的数据较少，便于用户分析、筛选自己想要的数据，提高了用户表格数据查询的精准度，改善了用户的查询体验，提高了显示效果。

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

所述获取单元31，可以用于获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息。

所述修改单元32，可以用于修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色。

所述显示单元33，可以用于在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。

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

本发明实施例提供的一种搜索结果显示装置，首先获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息；然后修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色；最后在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。与目前只能显示保留下来的行相比，本发明可以实现只对当前页面内与搜索关键词相关的内容进行显示，表格查询范围是针对表格当前显示页内的数据进行的，查询得到的数据较少，便于用户分析、筛选自己想要的数据，提高了用户表格数据查询的精准度，改善了用户的查询体验，提高了显示效果。

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

所述获取单元41，可以用于获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息。

所述修改单元42，可以用于修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色。

所述显示单元43，可以用于在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。

所述修改单元42，还可以用于修改所述文本信息对应的前景色为第三预置颜色，所述第三预置颜色与所述第二预置颜色为不同的颜色。

所述显示单元43，具体可以用于在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色和前景色。

所述获取单元41，具有可以用于通过预置row接口函数，获取表格当前页内包含有搜索关键词的行对应的行索引信息。

所述获取单元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)，如调制的数据信号和载波。

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