CN105550327A - 一种web网页数据查询的过滤条件处理方法及系统 - Google Patents

Abstract

本发明公开了一种WEB网页数据查询的过滤条件处理方法及系统，该方法包括：显示用户在菜单项界面选择的菜单项对应的列表界面，并根据用户在列表界面输入的过滤条件，显示过滤后的列表界面，将菜单项及相应的过滤条件记录至SesessionStorage；当检测到针对列表界面的显示命令时，从SesessionStorage中调用与列表界面所属菜单项对应的过滤条件，并依据调用的过滤条件显示过滤后的列表界面。可见，本发明通过把菜单项及相应的过滤条件记录至SesessionStorage来将过滤条件和URL分离，有效解决了现有技术中将过滤条件添加到URL后面，存在安全风险、易使得URL冗长且不利于拓展和维护的问题。

Description

一种WEB网页数据查询的过滤条件处理方法及系统

技术领域

本发明涉及数据处理技术领域，特别是涉及一种WEB网页数据查询的过滤条件处理方法及系统。

背景技术

目前，在现有的WEB端的列表界面进行有条件数据查询时，系统会根据用户操作输入的过滤条件对所有列表数据进行过滤，然后将过滤后的列表界面显示给用户。这时，用户通常会在过滤后的列表界面中选择一次选中一条数据进行进入相应的编辑页面，待用户编辑完毕后需要返回过滤后的列表界面继续选中下一条数据进行编辑。

在上述过程中，为了能够在用户编辑完毕后或者其他时候准确显示过滤后的列表界面，在进入编辑页面的同时，会将过滤条件添加到需要跳转的详情界面(即编辑页面)的URL后面，在重新返回过滤后的列表界面时再次传递过来。然而，在这种情况下，当用户使用的过滤条件内容过多时，易使得编辑页面的URL冗长；将过滤条件添加到URL后面会暴露过滤条件的后台字段和对应的数值，存在安全风险；以及将过滤条件添加到URL后面使得代码逻辑混乱，不利于拓展和维护。

发明内容

有鉴于此，本发明提供了一种WEB网页数据查询的过滤条件处理方法及系统，以解决现有技术中将过滤条件添加到URL后面，存在安全风险、易使得URL冗长且不利于拓展和维护的问题。

为解决上述技术问题，本发明提供一种WEB网页数据查询的过滤条件处理方法，该方法包括：

显示用户在菜单项界面选择的菜单项对应的列表界面，并根据用户在所述列表界面输入的过滤条件，对所述列表界面中所有列表数据进行过滤，得到过滤后的列表界面；

显示所述过滤后的列表界面，并将所述菜单项及相应的所述过滤条件记录至SesessionStorage；

当检测到针对所述列表界面的显示命令时，从所述SesessionStorage中调用与所述列表界面所属菜单项对应的所述过滤条件，并依据调用的所述过滤条件显示所述过滤后的列表界面。

上述方法中，优选地，在所述将所述菜单项及相应的所述过滤条件记录至SesessionStorage之后，该方法还包括：

在检测到针对所述菜单项界面的关闭命令时，将所述菜单项及相应的所述过滤条件从所述SesessionStorage中移除。

上述方法中，优选地，当检测到针对所述列表界面的显示命令时，该方法还包括：

判断所述SesessionStorage中是否有与所述列表界面所属菜单项对应的所述过滤条件；

如果有，则从所述SesessionStorage中调用所述对应的所述过滤条件，并依据调用的所述过滤条件显示所述过滤后的列表界面；

如果没有，则直接显示所述列表界面。

上述方法中，优选地，在所述显示用户在菜单项界面选择的菜单项对应的列表界面之前，该方法还包括：

初始化所述菜单项对应的列表界面，并显示初始化后的所述列表界面。

本发明还提供了一种WEB网页数据查询的过滤条件处理系统，该系统包括：

过滤单元，用于显示用户在菜单项界面选择的菜单项对应的列表界面，并根据用户在所述列表界面输入的过滤条件，对所述列表界面中所有列表数据进行过滤，得到过滤后的列表界面；

记录单元，用于显示所述过滤后的列表界面，并将所述菜单项及相应的所述过滤条件记录至SesessionStorage；

调用单元，用于当检测到针对所述列表界面的显示命令时，从所述SesessionStorage中调用与所述列表界面所属菜单项对应的所述过滤条件，并依据调用的所述过滤条件显示所述过滤后的列表界面。

优选地，该系统还包括：

移除单元，用于在所述将所述菜单项及相应的所述过滤条件记录至SesessionStorage之后，在检测到针对所述菜单项界面的关闭命令时，将所述菜单项及相应的所述过滤条件从所述SesessionStorage中移除。

优选地，该系统还包括：

判断单元，用于当检测到针对所述列表界面的显示命令时，判断所述SesessionStorage中是否有与所述列表界面所属菜单项对应的所述过滤条件；如果有，则从所述SesessionStorage中调用所述对应的所述过滤条件，并依据调用的所述过滤条件显示所述过滤后的列表界面；如果没有，则直接显示所述列表界面。

优选地，该系统还包括：

初始化单元，用于在所述显示用户在菜单项界面选择的菜单项对应的列表界面之前，初始化所述菜单项对应的列表界面，并显示初始化后的所述列表界面。

以上本发明提供的一种WEB网页数据查询的过滤条件处理方法及系统，首先，显示用户在菜单项界面选择的菜单项对应的列表界面，并根据用户在所述列表界面输入的过滤条件，对所述列表界面中所有列表数据进行过滤，得到过滤后的列表界面；然后，显示所述过滤后的列表界面，并将所述菜单项及相应的所述过滤条件记录至SesessionStorage；最后，当检测到针对所述列表界面的显示命令时，从所述SesessionStorage中调用与所述列表界面所属菜单项对应的所述过滤条件，并依据调用的所述过滤条件显示所述过滤后的列表界面。可见，本发明在实现了从编辑界面返回时或者其它想要显示过滤后的列表界面时可以重新定位到上一次查询数据的地方的基础上，通过把菜单项及相应的过滤条件记录至SesessionStorage来将查询的过滤条件和页面跳转的代码URL分离，这样，即使增加跳转界面或者需要增加新的过滤条件并不会影响到原有的代码逻辑，显然，本发明有效解决了现有技术中将过滤条件添加到URL后面，存在安全风险、易使得URL冗长且不利于拓展和维护的问题。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本发明实施例提供的一种WEB网页数据查询的过滤条件处理方法的流程图；

图2为本发明实施例提供的一种WEB网页数据查询的过滤条件处理系统的结构框图示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明的核心是提供一种WEB网页数据查询的过滤条件处理方法及系统，以解决现有技术中将过滤条件添加到URL后面，存在安全风险、易使得URL冗长且不利于拓展和维护的问题。

为了使本技术领域的人员更好地理解本发明方案，下面结合附图和具体实施方式对本发明作进一步的详细说明。

首先，对文中涉及的几个概念进行说明：

(1)WEB页面：万维网上的一个按照HTML格式组织起来的文件。在通过万维网进行信息查询时，以信息页面的形式出现，它可包括图形、文字、声音和视像等信息。

(2)Session：session对象用于存储特定的用户会话所需的信息。Session对象的引入是为了弥补HTTP协议的不足，HTTP协议是一种无状态的协议。

(3)SessionStorage：HTML5提供的客户端存储数据的新方法。

参考图1，图1示出了本发明实施例提供的一种WEB网页数据查询的过滤条件处理方法的流程图，该方法具体可以包括如下步骤：

步骤S100、显示用户在菜单项界面选择的菜单项对应的列表界面，并根据用户在列表界面输入的过滤条件，对列表界面中所有列表数据进行过滤，得到过滤后的列表界面。

本发明实施例提供的方法的执行主体为WEB网页数据查询的过滤条件处理系统，在实际应用中，该系统可以以软件的形式承载于用户进行操作的WEB端终端。

在具体实施过程中，当用户点击菜单项界面中某一个菜单项进入对应数据的列表界面时，需要先初始化这个列表界面然后进行显示。当用户通过设置列表界面上的控件进行过滤条件选择或者输入时，系统根据用户操作输入的过滤条件，对列表界面中所有列表数据进行过滤，得到过滤后的列表界面。

步骤S101、显示过滤后的列表界面，并将菜单项及相应的过滤条件记录至SesessionStorage。

本发明中，用户在菜单项界面点击某一个菜单项进入对应数据的列表界面，用户在该列表界面操作输入过滤条件，为这个用户点击的菜单项和输入的过滤条件建立对应关系，具体地，为每个菜单项对应设置一个唯一标识的ID号，菜单项ID号与过滤条件一一对应，也就是说，在SesessionStorage中，通过某个菜单项ID号可以查找到与之相对应的过滤条件。

在实际应用中，在将菜单项及相应的过滤条件记录至SesessionStorage，当用户再次进入该菜单项对应的列表界面时，就从SesessionStorage中获取相应的过滤条件，将界面进行数据定位。当检测到针对上述菜单项界面的关闭命令时，将菜单项及相应的过滤条件从SesessionStorage中移除。实际上，在用户关闭当前的菜单项界面、刷新浏览器或者关闭浏览器时，都需要将对应的过滤条件从sessionStorage里面移除。

步骤S102、当检测到针对列表界面的显示命令时，从SesessionStorage中调用与列表界面所属菜单项对应的过滤条件，并依据调用的过滤条件显示过滤后的列表界面。

实际上，在实际应用中，当检测到针对列表界面的显示命令时，比如从编辑界面返回时或者其它想要显示过滤后的列表界面时，需要判断SesessionStorage中是否有与列表界面所属菜单项对应的过滤条件；如果有，则从SesessionStorage中调用对应的过滤条件，并依据调用的过滤条件显示过滤后的列表界面；如果没有，则直接显示列表界面。

综上，本发明在实现了从编辑界面返回时或者其它想要显示过滤后的列表界面时可以重新定位到上一次查询数据的地方的基础上，通过把菜单项及相应的过滤条件记录至SesessionStorage来将查询的过滤条件和页面跳转的代码URL分离，这样，即使增加跳转界面或者需要增加新的过滤条件并不会影响到原有的代码逻辑，显然，本发明有效解决了现有技术中将过滤条件添加到URL后面，存在安全风险、易使得URL冗长且不利于拓展和维护的问题。

基于上述本发明实施例提供的WEB网页数据查询的过滤条件处理方法，本发明实施例还提供了一种WEB网页数据查询的过滤条件处理系统，参考图2，该系统200可以包括如下内容：

过滤单元201，用于显示用户在菜单项界面选择的菜单项对应的列表界面，并根据用户在列表界面输入的过滤条件，对列表界面中所有列表数据进行过滤，得到过滤后的列表界面；

记录单元202，用于显示过滤后的列表界面，并将菜单项及相应的过滤条件记录至SesessionStorage；

调用单元203，用于当检测到针对列表界面的显示命令时，从SesessionStorage中调用与列表界面所属菜单项对应的过滤条件，并依据调用的过滤条件显示过滤后的列表界面。

本发明中，该系统200具体还可以包括：移除单元，用于在将菜单项及相应的过滤条件记录至SesessionStorage之后，在检测到针对菜单项界面的关闭命令时，将菜单项及相应的过滤条件从SesessionStorage中移除。

本发明中，该系统200具体还可以包括：判断单元，用于当检测到针对列表界面的显示命令时，判断SesessionStorage中是否有与列表界面所属菜单项对应的过滤条件；如果有，则从SesessionStorage中调用对应的过滤条件，并依据调用的过滤条件显示过滤后的列表界面；如果没有，则直接显示列表界面。

本发明中，该系统200具体还可以包括：初始化单元，用于在显示用户在菜单项界面选择的菜单项对应的列表界面之前，初始化菜单项对应的列表界面，并显示初始化后的列表界面。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。对于系统类实施例而言，由于其与方法实施例基本相似，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。

以上对本发明所提供的一种WEB网页数据查询的过滤条件处理方法及系统进行了详细介绍。本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想。应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以对本发明进行若干改进和修饰，这些改进和修饰也落入本发明权利要求的保护范围内。

Claims (8)

1.一种WEB网页数据查询的过滤条件处理方法，其特征在于，该方法包括：

显示用户在菜单项界面选择的菜单项对应的列表界面，并根据用户在所述列表界面输入的过滤条件，对所述列表界面中所有列表数据进行过滤，得到过滤后的列表界面；

显示所述过滤后的列表界面，并将所述菜单项及相应的所述过滤条件记录至SesessionStorage；

当检测到针对所述列表界面的显示命令时，从所述SesessionStorage中调用与所述列表界面所属菜单项对应的所述过滤条件，并依据调用的所述过滤条件显示所述过滤后的列表界面。

2.如权利要求1所述的方法，其特征在于，在所述将所述菜单项及相应的所述过滤条件记录至SesessionStorage之后，该方法还包括：

在检测到针对所述菜单项界面的关闭命令时，将所述菜单项及相应的所述过滤条件从所述SesessionStorage中移除。

3.如权利要求2所述的方法，其特征在于，当检测到针对所述列表界面的显示命令时，该方法还包括：

判断所述SesessionStorage中是否有与所述列表界面所属菜单项对应的所述过滤条件；

如果有，则从所述SesessionStorage中调用所述对应的所述过滤条件，并依据调用的所述过滤条件显示所述过滤后的列表界面；

如果没有，则直接显示所述列表界面。

4.如权利要求3所述的方法，其特征在于，在所述显示用户在菜单项界面选择的菜单项对应的列表界面之前，该方法还包括：

初始化所述菜单项对应的列表界面，并显示初始化后的所述列表界面。

5.一种WEB网页数据查询的过滤条件处理系统，其特征在于，该系统包括：

过滤单元，用于显示用户在菜单项界面选择的菜单项对应的列表界面，并根据用户在所述列表界面输入的过滤条件，对所述列表界面中所有列表数据进行过滤，得到过滤后的列表界面；

记录单元，用于显示所述过滤后的列表界面，并将所述菜单项及相应的所述过滤条件记录至SesessionStorage；

调用单元，用于当检测到针对所述列表界面的显示命令时，从所述SesessionStorage中调用与所述列表界面所属菜单项对应的所述过滤条件，并依据调用的所述过滤条件显示所述过滤后的列表界面。

6.如权利要求5所述的系统，其特征在于，该系统还包括：

移除单元，用于在所述将所述菜单项及相应的所述过滤条件记录至SesessionStorage之后，在检测到针对所述菜单项界面的关闭命令时，将所述菜单项及相应的所述过滤条件从所述SesessionStorage中移除。

7.如权利要求6所述的系统，其特征在于，该系统还包括：

判断单元，用于当检测到针对所述列表界面的显示命令时，判断所述SesessionStorage中是否有与所述列表界面所属菜单项对应的所述过滤条件；如果有，则从所述SesessionStorage中调用所述对应的所述过滤条件，并依据调用的所述过滤条件显示所述过滤后的列表界面；如果没有，则直接显示所述列表界面。

8.如权利要求7所述的系统，其特征在于，该系统还包括：

初始化单元，用于在所述显示用户在菜单项界面选择的菜单项对应的列表界面之前，初始化所述菜单项对应的列表界面，并显示初始化后的所述列表界面。