数据的筛选方法及装置、存储介质和处理器

技术领域

本申请涉及计算机技术领域，具体而言，涉及一种数据的筛选方法及装置、存储介质和处理器。

背景技术

在前端页面设计和开发过程中，为了使用户交互更加友好，并让用户关注自己想要关注的数据，需要对数据进行筛选查找。

相关技术中，针对各个需要筛选的数据，通常存在有两种解决方案：一是在页面中，根据需要筛选的条件，分别编写表单代码展示搜索条件，例如，图1是根据现有技术提供的一种在页面的表格中进行数据筛选的示意图，如图1所示，根据列表需要筛选的字段，直接编写各个筛选条件在表格上方展示。但是，此方法存在以下缺点：在筛选条件很多时会占页面很多的空间，各个表格组件得自己编写筛选工具条，在同一系统中，会存在很多重复样式和重复逻辑；二是基于当前流行的React组件框架(网页开发框架)Ant Design(在React组件框架中用于封装的组件)，其中的Table(表格)组件，将类型筛选放在表头的列上。此方法虽然可以节省一些表格上方的空间，但是还是不能解决根本的问题，也即，需要对每个表格单独处理筛选逻辑，有部分重复的逻辑，且每次对某一列筛选后就会更改一次表格数据，如果筛选是服务器端进行的，那就会分别发送请求，进而会导致筛选数据的效率较低，且后续难以方便的进行维护或者方便的添加筛选的新需求，同时也会导致后期的维护成本较高。

针对相关技术中在从不同的页面中筛选数据时，需要对每个页面重复编写筛选事件的逻辑，导致从页面中筛选数据的效果较差的问题，目前尚未提出有效的解决方案。

发明内容

本申请的主要目的在于提供一种数据的筛选方法及装置、存储介质和处理器，以解决相关技术中在从不同的页面中筛选数据时，需要对每个页面重复编写筛选事件的逻辑，导致从页面中筛选数据的效果较差的问题。

为了实现上述目的，根据本申请的一个方面，提供了一种数据的筛选方法。该方法包括：接收目标对象发送的筛选请求，其中，所述筛选请求用于请求从目标页面中筛选目标数据；依据所述筛选请求，确定筛选条件，其中，所述筛选条件为用于从所述目标页面中筛选所述目标数据的至少一个筛选条件；将所述筛选条件发送至监听装置，以使所述监听装置基于所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据，并将所述目标数据返回至所述目标对象。

进一步地，依据所述筛选请求，确定筛选条件包括：依据所述筛选请求，在所述目标页面中展示显示框，其中，所述显示框中至少包括所述至少一个筛选条件；基于所述显示框，确定所述筛选条件。

进一步地，使所述监听装置基于所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据包括：判断所述监听装置是否监听到所述筛选条件；在所述监听装置监听到所述筛选条件的情况下，通过所述监听装置向服务器发送所述筛选条件，以使所述服务器依据所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据。

进一步地，在依据所述筛选请求，确定筛选条件之前，所述方法还包括：获取筛选形式和筛选字段的名称信息，其中，所述筛选形式用于表示从所述目标页面中筛选所述目标数据的形式；对所述筛选形式和所述筛选字段的名称信息进行组合，得到所述筛选条件。

进一步地，在将所述筛选条件发送至监听装置之前，所述方法还包括：获取事件处理函数，其中，所述事件处理函数用于向所述服务器发送所述筛选条件；在所述监听装置中配置所述事件处理函数。

进一步地，在将所述筛选条件发送至监听装置之后，所述方法还包括：判断所述监听装置是否监听到所述筛选条件；在所述监听装置监听到所述筛选条件的情况下，通过所述监听装置执行所述事件处理函数，将所述筛选条件发送至所述服务器，以使所述服务器依据所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据。

进一步地，在接收目标对象发送的筛选请求之后，所述方法还包括：显示第一筛选页面，其中，所述第一筛选页面为在从所述目标页面中筛选所述目标数据之前生成的页面；确定所述第一筛选页面中的第一筛选条件；将所述第一筛选条件发送至所述监听装置，以使所述监听装置基于所述第一筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据，并将所述目标数据返回至所述目标对象。

为了实现上述目的，根据本申请的另一方面，提供了一种数据的筛选装置。该装置包括：第一接收模块，用于接收目标对象发送的筛选请求，其中，所述筛选请求用于请求从目标页面中筛选目标数据；第一确定模块，用于依据所述筛选请求，确定筛选条件，其中，所述筛选条件为用于从所述目标页面中筛选所述目标数据的至少一个筛选条件；第一处理模块，用于将所述筛选条件发送至监听装置，以使所述监听装置基于所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据，并将所述目标数据返回至所述目标对象。

进一步地，所述第一确定模块包括：第一展示单元，用于依据所述筛选请求，在所述目标页面中展示显示框，其中，所述显示框中至少包括所述至少一个筛选条件；第一确定单元，用于基于所述显示框，确定所述筛选条件。

进一步地，所述第一处理模块包括：第一判断单元，用于判断所述监听装置是否监听到所述筛选条件；第一发送单元，用于在所述监听装置监听到所述筛选条件的情况下，通过所述监听装置向服务器发送所述筛选条件，以使所述服务器依据所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据。

进一步地，所述装置还包括：第一获取模块，用于在依据所述筛选请求，确定筛选条件之前，获取筛选形式和筛选字段的名称信息，其中，所述筛选形式用于表示从所述目标页面中筛选所述目标数据的形式；第一组合模块，用于对所述筛选形式和所述筛选字段的名称信息进行组合，得到所述筛选条件。

进一步地，所述装置还包括：第二获取模块，用于在将所述筛选条件发送至监听装置之前，获取事件处理函数，其中，所述事件处理函数用于向所述服务器发送所述筛选条件；第一配置模块，用于在所述监听装置中配置所述事件处理函数。

进一步地，所述装置还包括：第一判断模块，用于在将所述筛选条件发送至监听装置之后，判断所述监听装置是否监听到所述筛选条件；第一发送模块，用于在所述监听装置监听到所述筛选条件的情况下，通过所述监听装置执行所述事件处理函数，将所述筛选条件发送至所述服务器，以使所述服务器依据所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据。

进一步地，所述装置还包括：第一显示模块，用于在接收目标对象发送的筛选请求之后，显示第一筛选页面，其中，所述第一筛选页面为在从所述目标页面中筛选所述目标数据之前生成的页面；第二确定模块，用于确定所述第一筛选页面中的第一筛选条件；第二发送模块，用于将所述第一筛选条件发送至所述监听装置，以使所述监听装置基于所述第一筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据，并将所述目标数据返回至所述目标对象。

为了实现上述目的，根据本申请的另一方面，提供了一种计算机可读存储介质，所述存储介质存储程序，其中，所述程序执行上述的任意一项所述的数据的筛选方法。

为了实现上述目的，根据本申请的另一方面，提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行上述的任意一项所述的数据的筛选方法。

通过本申请，采用以下步骤：接收目标对象发送的筛选请求，其中，筛选请求用于请求从目标页面中筛选目标数据；依据筛选请求，确定筛选条件，其中，筛选条件为用于从目标页面中筛选目标数据的至少一个筛选条件；将筛选条件发送至监听装置，以使监听装置基于筛选条件，对目标页面中的数据进行筛选，得到目标数据，并将目标数据返回至目标对象，解决了相关技术中在从不同的页面中筛选数据时，需要对每个页面重复编写筛选事件的逻辑，导致从页面中筛选数据的效果较差的问题。通过依据接收到的筛选请求，确定筛选条件，再将筛选条件发送至监听装置，以使监听装置基于筛选条件，对页面中的数据进行筛选，避免对不同的页面重复编写筛选事件的逻辑，从而提升了从页面中筛选数据的效率，降低了筛选数据的成本，进而提升了从页面中筛选数据的效果。

附图说明

构成本申请的一部分的附图用来提供对本申请的进一步理解，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据现有技术提供的一种在页面的表格中进行数据筛选的示意图；

图2是根据本申请实施例提供的数据的筛选方法的流程图；

图3是本申请实施例中在页面中筛选数据的示意图；

图4是根据本申请实施例提供的数据的筛选方法的流程图一；

图5是根据本申请实施例提供的可选的数据的筛选方法的流程图；

图6是本申请实施例中在页面中筛选数据时的页面交互的示意图；

图7是根据本申请实施例提供的数据的筛选装置的示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

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

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

下面结合优选的实施步骤对本发明进行说明，图2是根据本申请实施例提供的数据的筛选方法的流程图，如图2所示，该方法包括如下步骤：

步骤S201，接收目标对象发送的筛选请求，其中，筛选请求用于请求从目标页面中筛选目标数据。

例如，用户查看页面(上述的目标页面)，并点击筛选按钮，即触发筛选请求。另外，上述的目标数据的数量可以为一个，也可以为多个，也即，筛选请求表示从页面中筛选一个数据或者筛选多个数据(上述的目标数据)。

步骤S202，依据筛选请求，确定筛选条件，其中，筛选条件为用于从目标页面中筛选目标数据的至少一个筛选条件。

例如，用户点击筛选按钮之后，弹出显示框，且其中的筛选表单展示的是在配置时传入监听装置的筛选配置。然后用户根据显示框展示的内容，输入或者选择条件值进行筛选，可以选择多个筛选条件(上述的筛选条件)，或者也可以不选择筛选条件(即不选择筛选条件表示无条件获取页面中的全部数据)。而且，上述的显示框可以为气泡框的形式展示。

步骤S203，将筛选条件发送至监听装置，以使监听装置基于筛选条件，对目标页面中的数据进行筛选，得到目标数据，并将目标数据返回至目标对象。

例如，触发筛选条件的变更，也即，监听装置监听到筛选条件变更之后，向服务器发送请求，使服务器按照用户选择的筛选条件，在页面中进行筛选数据的操作，并在页面中按照筛选条件筛选出来数据之后，可以直接在页面中展示筛选出来的数据，供用户查看，也即，将筛选出来的数据发送给用户。

通过上述的步骤S201至S203，通过依据接收到的筛选请求，确定筛选条件，再将筛选条件发送至监听装置，以使监听装置基于筛选条件，对页面中的数据进行筛选，避免对不同的页面重复编写筛选事件的逻辑，从而提升了从页面中筛选数据的效率，降低了筛选数据的成本，进而提升了从页面中筛选数据的效果。

为了快速准确的得到筛选条件，在本申请实施例提供的数据的筛选方法中，还可以通过以下步骤得到筛选条件：获取筛选形式和筛选字段的名称信息，其中，筛选形式用于表示从目标页面中筛选目标数据的形式；对筛选形式和筛选字段的名称信息进行组合，得到筛选条件。

例如，配置筛选条件，即在监听装置中传入筛选配置，包含筛选条件的数组，即列表(页面)支持的所有筛选，筛选条件数组中的每一项为筛选字段的字段名称，筛选条件显示的label(标签)名称，筛选的形式如输入框，选择框，时间选择器等。

通过上述的方案，可以快速准确的配置筛选条件。

为了快速准确的在监听装置中配置事件处理函数，在本申请实施例提供的数据的筛选方法中，还可以通过以下步骤在监听装置中配置事件处理函数：获取事件处理函数，其中，事件处理函数用于向服务器发送筛选条件；在监听装置中配置事件处理函数。

例如，配置筛选条件，即在监听装置中传入筛选配置，包含触发筛选后的处理函数(可以向服务器端发送带筛选参数的数据请求，更新表格数据内容)。

通过上述的方案，可以快速准确的在监听装置中配置事件处理函数。

为了快速准确的确定筛选条件，在本申请实施例提供的数据的筛选方法中，还可以通过以下步骤确定筛选条件：依据筛选请求，在目标页面中展示显示框，其中，显示框中至少包括至少一个筛选条件；基于显示框，确定筛选条件。

例如，用户点击筛选按钮，弹出显示框(也可以为气泡框)，其中的筛选表单展示的是在配置时传入监听装置的筛选配置。然后，用户输入或者选择条件值进行筛选，并且可以多选择多个筛选条件。点击确定后，筛选组件会将输入的条件进行拼装，得到最终的筛选条件。

例如，图3是本申请实施例中在页面中筛选数据的示意图，如图3所示，封装一个筛选按钮，点击后展示出一个气泡框，框中是对应的筛选条件，根据传入的配置展示筛选条件。并且还支持初始化过滤筛选表单。再提供一个装置监听筛选条件变更的事件，此装置需传入事件的触发后如何处理，当选择一个或多个筛选条件时，触发筛选表单的onChange事件(更改事件)，装置监听到筛选条件变更，执行处理逻辑。

通过上述的方案，根据显示框和配置的筛选条件，可以快速准确的确定在页面中筛选数据时需要使用的筛选条件。

图4是根据本申请实施例提供的数据的筛选方法的流程图一，如图4所示，在本申请实施例提供的数据的筛选方法中，使监听装置基于筛选条件，对目标页面中的数据进行筛选，得到目标数据包括：

步骤S401，判断监听装置是否监听到筛选条件；

步骤S402，在监听装置监听到筛选条件的情况下，通过监听装置向服务器发送筛选条件，以使服务器依据筛选条件，对目标页面中的数据进行筛选，得到目标数据。

例如，当监听装置监听到触发筛选的事件时，向服务端发送请求进行数据筛选，联动数据的查询展示，然后，服务器在页面中进行数据筛选，得到筛选出的数据。

通过上述的方案，利用监听装置，可以快速准确的在页面中进行数据的筛选。

为了快速准确的得到目标数据，在本申请实施例提供的数据的筛选方法中，还可以通过以下步骤得到目标数据：判断监听装置是否监听到筛选条件；在监听装置监听到筛选条件的情况下，通过监听装置执行事件处理函数，将筛选条件发送至服务器，以使服务器依据筛选条件，对目标页面中的数据进行筛选，得到目标数据。

例如，在用户确定出筛选条件之后，触发筛选条件的变更(配置时传入监听装置的事件处理函数)。监听装置会将筛选条件进行格式化，然后传入处理函数(上述的事件处理函数)。而且，当监听装置监听到触发筛选的事件时，执行传入监听装置的事件处理函数，也即，监听装置向服务端发送请求进行数据筛选，联动数据的查询展示，然后，服务器在页面中进行数据筛选，得到筛选出的数据。

通过上述的方案，利用监听装置和预先配置的处理函数，可以快速准确的在页面中进行数据的筛选。

为了快速准确的将目标数据返回至目标对象，在本申请实施例提供的数据的筛选方法中，还可以通过以下步骤将目标数据返回至目标对象：显示第一筛选页面，其中，第一筛选页面为在从目标页面中筛选目标数据之前生成的页面；确定第一筛选页面中的第一筛选条件；将第一筛选条件发送至监听装置，以使监听装置基于第一筛选条件，对目标页面中的数据进行筛选，得到目标数据，并将目标数据返回至目标对象。

例如，配置筛选条件，即在监听装置中传入筛选配置，包含：用于记录筛选条件的存储位置的内存地址(可选，后续在刷新页面或者离开当前页面再进入时，可以继续保留原来的筛选)。然后，在触发筛选时，用户点击筛选按钮，弹出气泡框，其中的筛选表单展示的是在配置时传入监听装置的筛选配置；筛选的表单中会根据用于记录筛选条件的存储位置的内存地址展示带入的默认筛选条件，展示在筛选表单中；然后，触发筛选条件的变更(配置时传入监听装置的事件处理函数)；监听装置会将筛选条件进行格式化，然后传入处理函数；监听装置监听到触发筛选的事件；执行传入监听装置的事件处理函数，也即，监听装置向服务端发送请求进行数据筛选，联动数据的查询展示，然后，服务器在页面中进行数据筛选，得到筛选出的数据，并将筛选出的数据发送给用户。

综上所述，根据配置的保存列表的筛选列表，可以方便的带入默认的筛选条件，从而根据筛选条件，可以提升在页面中查询数据的效率。

例如，在每个页面的代码中定义局部变量，筛选条件与这个局部变量相绑定，在不同的数据列表中，直接修改这个局部变量的值，即可以变更筛选内容；封装一个FilterBtn组件(筛选按钮)，提供一个筛选按钮，点击按钮后弹出气泡框，框中显示对当前列表的筛选条件(由变量的值决定筛选条件有哪些)。图5是根据本申请实施例提供的可选的数据的筛选方法的流程图，如图5所示，FilterBtn会从监听筛选条件变更装置传入Config(配置的筛选条件)及事件处理函数，然后在Table中展示FilterBtn，Table(表格)中点击FilterBtn组件，触发onChange事件(更改事件)；然后监听筛选条件变更装置监听到FilterBtn的筛选条件变更事件，会执行事件处理函数，即向服务端发送请求进行数据筛选，联动数据的查询展示。

例如，图6是本申请实施例中在页面中筛选数据时的页面交互的示意图，如图6所示，User(用户)查看页面，然后Table(表格)触发FilterBtn点击，FilterBtn在Table(表格)中展示筛选条件的气泡框，并发给用户查看筛选框，用户筛选之后，触发筛选条件变更，Event Equipment(监听装置)监听到筛选条件变更之后，执行处理函数，向数据处理及返回(服务器)发送数据筛选请求，然后服务器返回处理后的数据至表格，并且用户可以从表格中查看到筛选后的数据。

通过本申请实施例提供的方法，例如，配置筛选条件，即在监听装置中传入筛选配置，包含：

(1)用于记录筛选条件的存储位置的内存地址(可选，后续在刷新页面或者离开当前页面再进入时，可以继续保留原来的筛选)；

(2)筛选条件的数组(必须)，即此列表支持的所有筛选，筛选条件数组中的每一项为筛选字段的字段名称，筛选条件显示的label名称，筛选的形式如输入框，选择框，时间选择器等；

(3)触发筛选后的处理函数(可以向服务器端发送带筛选参数的数据请求，更新表格数据内容)。

因此，FilterBtn组件会接收到传入的筛选配置，并通过监听装置返回后，可直接使用，并根据配置展示弹出气泡框中的筛选内容。如果筛选条件数组大于某个特定数量(可配置)，即可展示成左右两列，如果小于某个特定数量，就显示一列(显示上的优化)

另外，触发筛选包括：

(1)点击筛选按钮，弹出气泡框，其中的筛选表单展示的是在配置时传入监听装置的筛选配置；

(2)筛选的表单中会根据用于记录筛选条件的存储位置的内存地址展示带入的默认筛选条件，展示在筛选表单中；

(3)输入或者选择条件值进行筛选，可多选择多个筛选条件。点击确定后，筛选组件会将输入的条件进行拼装；而且，触发筛选条件的变更(配置时传入监听装置的事件处理函数)，监听装置会将筛选条件进行格式化，然后传入处理函数；

(4)监听装置监听到触发筛选的事件；

(5)执行传入监听装置的事件处理函数。

另外，此方案适用各种需要进行筛选的页面，不仅仅是表格。此发明是为了提取一个公共的筛选组件，并提供一个装置监听筛选条件的变更，根据在监听装置中传入的不同筛选配置，展示不同的筛选条件，并在确定筛选时执行传入监听装置的事件处理函数，可向服务端发送请求进行数据筛选，联动数据的查询展示。支持多条件筛选，所有筛选条件可同时存在。

比如，一个大型的Web(网络)项目会包含很多列表的展示，各个模块由不同的人负责。在表格需要筛选时，可直接使用封装好的FilterBtn组件和监听装置，不需要关心内部如何触发展开筛选添加气泡框及筛选条件如何触发，以及筛选的样式等问题。只需要各模块负责传入筛选条件的配置及处理函数即可。提高开发效率，保证统一的样式及逻辑，使得后续方便维护或者方便添加筛选的新需求，例如可以一键清除筛选条件等。

综上所述，能够有效避免业务表格组件中重复编写筛选事件的各种逻辑。开发人员只需要专注于表格组件需要哪些筛选条件及筛选条件触发后需要什么样的处理，无需考虑各种筛选事件如何触发的逻辑。通过配置传入筛选条件，简洁明了，提高了复用程度，提升后续开发的效率，降低后期维护成本，方便后续统一添加筛选的新需求，例如可以一键清除筛选条件等。

另外，同一个项目甚至不同项目中可以使用同一种筛选列表的方式，且支持多条件筛选，所有筛选条件可同时存在。筛选按钮组件及监听装置可以配合完成整个筛选逻辑。

综上，本申请实施例提供的数据的筛选方法，通过接收目标对象发送的筛选请求，其中，筛选请求用于请求从目标页面中筛选目标数据；依据筛选请求，确定筛选条件，其中，筛选条件为用于从目标页面中筛选目标数据的至少一个筛选条件；将筛选条件发送至监听装置，以使监听装置基于筛选条件，对目标页面中的数据进行筛选，得到目标数据，并将目标数据返回至目标对象，解决了相关技术中在从不同的页面中筛选数据时，需要对每个页面重复编写筛选事件的逻辑，导致从页面中筛选数据的效果较差的问题。通过依据接收到的筛选请求，确定筛选条件，再将筛选条件发送至监听装置，以使监听装置基于筛选条件，对页面中的数据进行筛选，避免对不同的页面重复编写筛选事件的逻辑，从而提升了从页面中筛选数据的效率，降低了筛选数据的成本，进而提升了从页面中筛选数据的效果。

需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本申请实施例还提供了一种数据的筛选装置，需要说明的是，本申请实施例的数据的筛选装置可以用于执行本申请实施例所提供的用于数据的筛选方法。以下对本申请实施例提供的数据的筛选装置进行介绍。

图7是根据本申请实施例的数据的筛选装置的示意图。如图7所示，该装置包括：第一接收模块701、第一确定模块702和第一处理模块703。

具体地，第一接收模块701，用于接收目标对象发送的筛选请求，其中，筛选请求用于请求从目标页面中筛选目标数据；

第一确定模块702，用于依据筛选请求，确定筛选条件，其中，筛选条件为用于从目标页面中筛选目标数据的至少一个筛选条件；

第一处理模块703，用于将筛选条件发送至监听装置，以使监听装置基于筛选条件，对目标页面中的数据进行筛选，得到目标数据，并将目标数据返回至目标对象。

综上，本申请实施例提供的数据的筛选装置，通过第一接收模块701接收目标对象发送的筛选请求，其中，筛选请求用于请求从目标页面中筛选目标数据；第一确定模块702依据筛选请求，确定筛选条件，其中，筛选条件为用于从目标页面中筛选目标数据的至少一个筛选条件；第一处理模块703将筛选条件发送至监听装置，以使监听装置基于筛选条件，对目标页面中的数据进行筛选，得到目标数据，并将目标数据返回至目标对象，解决了相关技术中在从不同的页面中筛选数据时，需要对每个页面重复编写筛选事件的逻辑，导致从页面中筛选数据的效果较差的问题。通过依据接收到的筛选请求，确定筛选条件，再将筛选条件发送至监听装置，以使监听装置基于筛选条件，对页面中的数据进行筛选，避免对不同的页面重复编写筛选事件的逻辑，从而提升了从页面中筛选数据的效率，降低了筛选数据的成本，进而提升了从页面中筛选数据的效果。

可选地，在本申请实施例提供的数据的筛选装置中，第一确定模块包括：第一展示单元，用于依据筛选请求，在目标页面中展示显示框，其中，显示框中至少包括至少一个筛选条件；第一确定单元，用于基于显示框，确定筛选条件。

例如，用户点击筛选按钮，弹出显示框(也可以为气泡框)，其中的筛选表单展示的是在配置时传入监听装置的筛选配置。然后，用户输入或者选择条件值进行筛选，并且可以多选择多个筛选条件。点击确定后，筛选组件会将输入的条件进行拼装，得到最终的筛选条件。

综上所述，根据显示框和配置的筛选条件，可以快速准确的确定在页面中筛选数据时需要使用的筛选条件。

可选地，在本申请实施例提供的数据的筛选装置中，第一处理模块包括：第一判断单元，用于判断监听装置是否监听到筛选条件；第一发送单元，用于在监听装置监听到筛选条件的情况下，通过监听装置向服务器发送筛选条件，以使服务器依据筛选条件，对目标页面中的数据进行筛选，得到目标数据。

例如，在用户确定出筛选条件之后，触发筛选条件的变更(配置时传入监听装置的事件处理函数)。监听装置会将筛选条件进行格式化，然后传入处理函数(上述的事件处理函数)。而且，当监听装置监听到触发筛选的事件时，执行传入监听装置的事件处理函数，也即，监听装置向服务端发送请求进行数据筛选，联动数据的查询展示，然后，服务器在页面中进行数据筛选，得到筛选出的数据。

综上所述，利用监听装置和预先配置的处理函数，可以快速准确的在页面中进行数据的筛选。

可选地，在本申请实施例提供的数据的筛选装置中，该装置还包括：第一获取模块，用于在依据筛选请求，确定筛选条件之前，获取筛选形式和筛选字段的名称信息，其中，筛选形式用于表示从目标页面中筛选目标数据的形式；第一组合模块，用于对筛选形式和筛选字段的名称信息进行组合，得到筛选条件。

例如，配置筛选条件，即在监听装置中传入筛选配置，包含筛选条件的数组，即列表(页面)支持的所有筛选，筛选条件数组中的每一项为筛选字段的字段名称，筛选条件显示的label(标签)名称，筛选的形式如输入框，选择框，时间选择器等。

综上所述，可以快速准确的配置筛选条件。

可选地，在本申请实施例提供的数据的筛选装置中，该装置还包括：第二获取模块，用于在将筛选条件发送至监听装置之前，获取事件处理函数，其中，事件处理函数用于向服务器发送筛选条件；第一配置模块，用于在监听装置中配置事件处理函数。

例如，配置筛选条件，即在监听装置中传入筛选配置，包含触发筛选后的处理函数(可以向服务器端发送带筛选参数的数据请求，更新表格数据内容)。

综上所述，可以快速准确的在监听装置中配置事件处理函数。

可选地，在本申请实施例提供的数据的筛选装置中，该装置还包括：第一判断模块，用于在将筛选条件发送至监听装置之后，判断监听装置是否监听到筛选条件；第一发送模块，用于在监听装置监听到筛选条件的情况下，通过监听装置执行事件处理函数，将筛选条件发送至服务器，以使服务器依据筛选条件，对目标页面中的数据进行筛选，得到目标数据。

例如，在用户确定出筛选条件之后，触发筛选条件的变更(配置时传入监听装置的事件处理函数)。监听装置会将筛选条件进行格式化，然后传入处理函数(上述的事件处理函数)。而且，当监听装置监听到触发筛选的事件时，执行传入监听装置的事件处理函数，也即，监听装置向服务端发送请求进行数据筛选，联动数据的查询展示，然后，服务器在页面中进行数据筛选，得到筛选出的数据。

综上所述，利用监听装置和预先配置的处理函数，可以快速准确的在页面中进行数据的筛选。

可选地，在本申请实施例提供的数据的筛选装置中，该装置还包括：第一显示模块，用于在接收目标对象发送的筛选请求之后，显示第一筛选页面，其中，第一筛选页面为在从目标页面中筛选目标数据之前生成的页面；第二确定模块，用于确定第一筛选页面中的第一筛选条件；第二发送模块，用于将第一筛选条件发送至监听装置，以使监听装置基于第一筛选条件，对目标页面中的数据进行筛选，得到目标数据，并将目标数据返回至目标对象。

例如，配置筛选条件，即在监听装置中传入筛选配置，包含：用于记录筛选条件的存储位置的内存地址(可选，后续在刷新页面或者离开当前页面再进入时，可以继续保留原来的筛选)。然后，在触发筛选时，用户点击筛选按钮，弹出气泡框，其中的筛选表单展示的是在配置时传入监听装置的筛选配置；筛选的表单中会根据用于记录筛选条件的存储位置的内存地址展示带入的默认筛选条件，展示在筛选表单中；然后，触发筛选条件的变更(配置时传入监听装置的事件处理函数)；监听装置会将筛选条件进行格式化，然后传入处理函数；监听装置监听到触发筛选的事件；执行传入监听装置的事件处理函数，也即，监听装置向服务端发送请求进行数据筛选，联动数据的查询展示，然后，服务器在页面中进行数据筛选，得到筛选出的数据，并将筛选出的数据发送给用户。

综上所述，根据配置的保存列表的筛选列表，可以方便的带入默认的筛选条件，从而根据筛选条件，可以提升在页面中查询数据的效率。

数据的筛选装置包括处理器和存储器，上述第一接收模块701、第一确定模块702和第一处理模块703等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来提升从页面中筛选数据的效果。

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

本发明实施例提供了一种计算机可读存储介质，其上存储存有程序，该程序被处理器执行时实现所述数据的筛选方法。

本发明实施例提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行所述数据的筛选方法。

本发明实施例提供了一种电子设备，设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序，处理器执行程序时实现以下步骤：接收目标对象发送的筛选请求，其中，所述筛选请求用于请求从目标页面中筛选目标数据；依据所述筛选请求，确定筛选条件，其中，所述筛选条件为用于从所述目标页面中筛选所述目标数据的至少一个筛选条件；将所述筛选条件发送至监听装置，以使所述监听装置基于所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据，并将所述目标数据返回至所述目标对象。

处理器执行程序时还实现以下步骤：依据所述筛选请求，确定筛选条件包括：依据所述筛选请求，在所述目标页面中展示显示框，其中，所述显示框中至少包括所述至少一个筛选条件；基于所述显示框，确定所述筛选条件。

处理器执行程序时还实现以下步骤：使所述监听装置基于所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据包括：判断所述监听装置是否监听到所述筛选条件；在所述监听装置监听到所述筛选条件的情况下，通过所述监听装置向服务器发送所述筛选条件，以使所述服务器依据所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据。

处理器执行程序时还实现以下步骤：在依据所述筛选请求，确定筛选条件之前，所述方法还包括：获取筛选形式和筛选字段的名称信息，其中，所述筛选形式用于表示从所述目标页面中筛选所述目标数据的形式；对所述筛选形式和所述筛选字段的名称信息进行组合，得到所述筛选条件。

处理器执行程序时还实现以下步骤：在将所述筛选条件发送至监听装置之前，所述方法还包括：获取事件处理函数，其中，所述事件处理函数用于向所述服务器发送所述筛选条件；在所述监听装置中配置所述事件处理函数。

处理器执行程序时还实现以下步骤：在将所述筛选条件发送至监听装置之后，所述方法还包括：判断所述监听装置是否监听到所述筛选条件；在所述监听装置监听到所述筛选条件的情况下，通过所述监听装置执行所述事件处理函数，将所述筛选条件发送至所述服务器，以使所述服务器依据所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据。

处理器执行程序时还实现以下步骤：在接收目标对象发送的筛选请求之后，所述方法还包括：显示第一筛选页面，其中，所述第一筛选页面为在从所述目标页面中筛选所述目标数据之前生成的页面；确定所述第一筛选页面中的第一筛选条件；将所述第一筛选条件发送至所述监听装置，以使所述监听装置基于所述第一筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据，并将所述目标数据返回至所述目标对象。

本文中的设备可以是服务器、PC、PAD、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：接收目标对象发送的筛选请求，其中，所述筛选请求用于请求从目标页面中筛选目标数据；依据所述筛选请求，确定筛选条件，其中，所述筛选条件为用于从所述目标页面中筛选所述目标数据的至少一个筛选条件；将所述筛选条件发送至监听装置，以使所述监听装置基于所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据，并将所述目标数据返回至所述目标对象。

当在数据处理设备上执行时，还适于执行初始化有如下方法步骤的程序：依据所述筛选请求，确定筛选条件包括：依据所述筛选请求，在所述目标页面中展示显示框，其中，所述显示框中至少包括所述至少一个筛选条件；基于所述显示框，确定所述筛选条件。

当在数据处理设备上执行时，还适于执行初始化有如下方法步骤的程序：使所述监听装置基于所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据包括：判断所述监听装置是否监听到所述筛选条件；在所述监听装置监听到所述筛选条件的情况下，通过所述监听装置向服务器发送所述筛选条件，以使所述服务器依据所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据。

当在数据处理设备上执行时，还适于执行初始化有如下方法步骤的程序：在依据所述筛选请求，确定筛选条件之前，所述方法还包括：获取筛选形式和筛选字段的名称信息，其中，所述筛选形式用于表示从所述目标页面中筛选所述目标数据的形式；对所述筛选形式和所述筛选字段的名称信息进行组合，得到所述筛选条件。

当在数据处理设备上执行时，还适于执行初始化有如下方法步骤的程序：在将所述筛选条件发送至监听装置之前，所述方法还包括：获取事件处理函数，其中，所述事件处理函数用于向所述服务器发送所述筛选条件；在所述监听装置中配置所述事件处理函数。

当在数据处理设备上执行时，还适于执行初始化有如下方法步骤的程序：在将所述筛选条件发送至监听装置之后，所述方法还包括：判断所述监听装置是否监听到所述筛选条件；在所述监听装置监听到所述筛选条件的情况下，通过所述监听装置执行所述事件处理函数，将所述筛选条件发送至所述服务器，以使所述服务器依据所述筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据。

当在数据处理设备上执行时，还适于执行初始化有如下方法步骤的程序：在接收目标对象发送的筛选请求之后，所述方法还包括：显示第一筛选页面，其中，所述第一筛选页面为在从所述目标页面中筛选所述目标数据之前生成的页面；确定所述第一筛选页面中的第一筛选条件；将所述第一筛选条件发送至所述监听装置，以使所述监听装置基于所述第一筛选条件，对所述目标页面中的数据进行筛选，得到所述目标数据，并将所述目标数据返回至所述目标对象。

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

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

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

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

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

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

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

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

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

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