搜索结果显示方法及装置制造方法及图纸

本发明专利技术公开了一种搜索结果显示方法及装置，涉及信息技术领域，可以使用户直观的看到与关键词匹配的表格文本信息，可以提升用户的体验，所述方法包括：首先获取表格中通过搜索关键词过滤掉的第一文本信息；再从所述第一文本信息中获取与所述搜索关键词匹配的第二文本信息；然后为所述第二文本信息配置与所述第一文本信息不同的背景色；最后显示所述第一文本信息以及所述背景色。

Method and apparatus for displaying search results

The invention discloses a method and a device for displaying search results, relates to the field of information technology, users can see the visual form of text information and keyword matching, can enhance the user experience, the method comprises the following steps: first get through the first text information search keyword filters in the table; and the gain from the first text information in search of second text information of keyword matching; then as the background color of the second text information configuration and the first text information is different; the first text information and the background color at the end.

【技术实现步骤摘要】

本专利技术涉及信息
，尤其涉及一种搜索结果显示方法及装置。
技术介绍
近些年来，随着互联网的迅猛发展，表格在不同业务系统中得到了广泛的应用，而网页中的表格因其特殊的技术特点出现了很多优秀的表格插件用来管理网页中的表格，例如，DataTables便是其中一款非常优秀的表格插件，因其免费、开源、可拓展特性得到了广泛的应用。表格内容搜索是个很常见的功能，用户可以在搜索框中输入搜索关键词后，会过滤掉表格中不含搜索关键字的行，只保留匹配了搜索关键词的行。目前，表格在用户输入了搜索关键词后过滤掉了不含搜索关键词的行，只能显示保留下来的行，但是表格的搜索是针对整个表格数据进行查询的，并不是针对表格当前页进行的，当表格行数较多，且匹配搜索关键词的行数也较多时，保留下来的匹配行数过多，不利于用户筛选自己想要的数据，用户更多的是想在一定范围内进行查询，影响了显示效果，例如，一个表格有57行数据，每页只能显示10行，共6页，用户可能只想在第一页中查询数据，也可能只想在第三页中查询数据。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述在显示搜索关键词对应的表格内容时，无法实现只对表格当前页内与搜索关键词相关的内容进行显示，造成显示效果差的问题。为了达到上述目的，本专利技术主要提供如下技术方案：一方面，本专利技术提供了一种搜索结果显示方法，该方法包括：获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息；修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色；在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。另一方面，本专利技术提供了一种搜索结果显示装置，该装置包括：获取单元，用于获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息；修改单元，用于修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色；显示单元，用于在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。借由上述技术方案，本专利技术实施例提供的技术方案至少具有下列优点：本专利技术提供的一种搜索结果显示方法及装置，首先获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息；然后修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色；最后在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。与目前只能显示保留下来的行相比，本专利技术可以实现只对当前页面内与搜索关键词相关的内容进行显示，表格查询范围是针对表格当前显示页内的数据进行的，查询得到的数据较少，便于用户分析、筛选自己想要的数据，提高了用户表格数据查询的精准度，改善了用户的查询体验，提高了显示效果。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了本专利技术实施例提供的一种搜索结果显示方法流程示意图；图2示出了本专利技术实施例提供的另一种搜索结果显示方法流程示意图；图3示出了本专利技术实施例提供的一种搜索结果显示装置结构示意图；图4示出了本专利技术实施例提供的另一种搜索结果显示装置结构示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。本专利技术实施例提供的一种搜索结果显示方法，如图1所示，该方法包括：101、获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与搜索关键词匹配的文本信息。其中，所述搜索关键词可以由用户进行配置。所述行索引信息包含有行在表格中的位置信息。102、修改行索引信息对应的行背景色为第一预置颜色，以及修改文本信息对应的背景色为第二预置颜色。其中，所述第一预置颜色与所述第二预置颜色为不同的颜色。所述第一预置颜色与所述第二预置颜色可以根据用户的实际需求进行配置，也可以由系统默认进行配置，本专利技术实施例不做限定。例如，当表格当前的背景色为白色时，第一预置颜色可以配置为黄色，第二预置颜色可以配置为红色。103、在表格当前页内显示经过修改后的行背景色，以及显示经过修改后的文本信息对应的背景色。例如，在表格当前页内，将搜索关键词所在的一行或多行的行背景色配置为黄色，并在这些行中将与搜索关键词匹配的文本信息的背景色配置为红色，显示这些行的行背景色黄色，以及显示该文本信息的背景色红色，达到高亮显示的目的。需要说明的是，本专利技术实施例所提供的方式主要适用于表格按行进行展示，但不限于此，按照本专利技术实施例所提供的方式，还可以适用于表格按列进行展示，此时需要将本实施例中的行替换为列，将行背景色替换为列背景等，具体可以根据实际需求进行选择。本专利技术实施例提供的一种搜索结果显示方法，首先获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息；然后修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色；最后在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。与目前只能显示保留下来的行相比，本专利技术可以实现只对当前页面内与搜索关键词相关的内容进行显示，表格查询范围是针对表格当前显示页内的数据进行的，查询得到的数据较少，便于用户分析、筛选自己想要的数据，提高了用户表格数据查询的精准度，改善了用户的查询体验，提高了显示效果。具体的，本专利技术实施例提供了另一种搜索结果显示方法，以DataTables表格插件为例，如图2所示，该方法包括：201、获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与搜索关键词匹配的文本信息。对于本专利技术实施例，所述获取表格当前页内包含有搜索关键词的行对应的行索引信息具体可以包括：通过预置row接口函数，获取表格当前页内包含有搜索关键词的行对应的行索引信息。所述获取与所述搜索关键词匹配的文本信息具体可以包括：通过预置indexOf函数，在表格当前页内获取与所述搜索关键词匹配的文本信息的起始位置；根据所述起始位置，通过预置substr函数获取与所述搜索关键词匹配的文本信息。具体地，DataTables管理的表格和普通表格一样，都是多行多列的结构，DataTables提供了获取表格中第rowIndex行数据的接口row(rowIndex)函数，即预置row接口函数，以及获本文档来自技高网...

【技术保护点】
一种搜索结果显示方法，其特征在于，包括：获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息；修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色；在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。

【技术特征摘要】
1.一种搜索结果显示方法，其特征在于，包括：获取表格当前页内包含有搜索关键词的行对应的行索引信息，以及获取与所述搜索关键词匹配的文本信息；修改所述行索引信息对应的行背景色为第一预置颜色，以及修改所述文本信息对应的背景色为第二预置颜色，所述第一预置颜色与所述第二预置颜色为不同的颜色；在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色。2.根据权利要求1所述的搜索结果显示方法，其特征在于，所述在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色之前，所述方法还包括：修改所述文本信息对应的前景色为第三预置颜色，所述第三预置颜色与所述第二预置颜色为不同的颜色；所述在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色包括：在所述表格当前页内显示经过修改后的所述行背景色，以及显示经过修改后的所述文本信息对应的背景色和前景色。3.根据权利要求1所述的搜索结果显示方法，其特征在于，所述获取表格当前页内包含有搜索关键词的行对应的行索引信息，包括：通过预置row接口函数，获取表格当前页内包含有搜索关键词的行对应的行索引信息。4.根据权利要求1所述的搜索结果显示方法，其特征在于，所述获取与所述搜索关键词匹配的文本信息，包括：通过预置indexOf函数，在表格当前页内获取与所述搜索关键词匹配的文本信息的起始位置；根据所述起始位置，通过预置substr函数获取与所述搜索关键词匹配的文本信息。5.根据权利要求1所述的搜索结果显示方法，其特征在于，所述修改
\t所述文...

【专利技术属性】
技术研发人员：程水强，
申请(专利权)人：北京国双科技有限公司，
类型：发明
国别省市：北京;11