数据筛选方法及装置制造方法及图纸

本发明专利技术提供一种数据筛选方法及装置，该方法包括：接收前端页面的调用筛选器请求，所述调用筛选器请求中包括待显示数据；根据所述调用筛选器请求中包括的待显示数据，显示第一筛选器并在所述第一筛选器中显示所述待显示数据；将用户在所述第一筛选器中的选择结果返回给前端页面，以使前端页面显示所述选择结果。本发明专利技术中前端页面仅需要将筛选数据发送给应用程序，具体的显示和筛选处理由应用程序来完成，从而在保证用户正常使用筛选功能的前提下，使得前端页面的执行性能得到极大提升。

【技术实现步骤摘要】
数据筛选方法及装置
本专利技术涉及计算机技术，尤其涉及一种数据筛选方法及装置。
技术介绍
移动终端中的很多应用(Application，简称APP)中为用户提供筛选框，可以使得用户不需要输入数据，直接选择筛选框中的选项，以此来提升用户体验，并且APP也不需要对用户的输入进行校验。现有技术中，APP的筛选框由APP的前端代码实现，例如，前端代码可以通过JavaScript和css实现一个数据筛选器，前端代码动态的获取APP服务器的数据并且展示给用户。但是，APP的很多筛选框可能包含一些动画，会使得前端代码在运行时出现卡顿现象，导致APP前端代码的性能下降。
技术实现思路
本专利技术提供一种数据筛选方法及装置，用于解决现有技术中筛选框功能由前端页面事先所导致的前端代码的性能下降的问题。本专利技术第一方面提供一种数据筛选方法，包括：接收前端页面的调用筛选器请求，所述调用筛选器请求中包括待显示数据；根据所述调用筛选器请求中包括的待显示数据，显示第一筛选器并在所述第一筛选器中显示所述待显示数据；将用户在所述第一筛选器中的选择结果返回给前端页面，以使前端页面显示所述选择结果。进一步地，所述根据所述调用筛选器请求中包括的待显示数据，显示第一筛选器之前，还包括：判断所述调用筛选器请求中包括的待显示数据是否为合法数据，若是，则向所述前端页面返回失败响应，所述失败响应中包括数据不合法的提示信息。进一步地，所述待显示数据包括显示标题、默认选中数据、显示字段标识以及前端页面构造数据。进一步地，所述根据所述调用筛选器请求中包括的待显示数据，显示第一筛选器并在所述第一筛选器中显示所述待显示数据，包括：在所述第一筛选器的标题中显示所述显示标题；根据所述显示字段标识以及前端页面构造数据，在所述第一筛选器中显示所述前端页面数据中的每列数据；根据所述默认选中数据，在所述第一筛选器中选择所述每列数据中的默认显示数据。进一步地，所述接收前端页面的调用筛选器请求，包括：通过预设接口接收所述调用筛选器请求，所述预设接口用于所述前端页面传递待显示数据，以及用于所述前端页面接收用户的选择结果。本专利技术第二方面提供一种数据筛选装置，包括：接收模块，用于接收前端页面的调用筛选器请求，所述调用筛选器请求中包括待显示数据；显示模块，用于根据所述调用筛选器请求中包括的待显示数据，显示第一筛选器并在所述第一筛选器中显示所述待显示数据；发送模块，用于将用户在所述第一筛选器中的选择结果返回给前端页面，以使前端页面显示所述选择结果。进一步地，还包括：判断模块，用于判断所述调用筛选器请求中包括的待显示数据是否为合法数据，若是，则向所述前端页面返回失败响应，所述失败响应中包括数据不合法的提示信息。进一步地，所述待显示数据包括显示标题、默认选中数据、显示字段标识以及前端页面构造数据。进一步地，所述显示模块包括：第一显示单元，用于在所述第一筛选器的标题中显示所述显示标题；第二显示单元，用于根据所述显示字段标识以及前端页面构造数据，在所述第一筛选器中显示所述前端页面数据中的每列数据；选择单元，用于根据所述默认选中数据，在所述第一筛选器中选择所述每列数据中的默认显示数据。进一步地，所述接收模块包括：第一接收单元，用于通过预设接口接收所述调用筛选器请求，所述预设接口用于所述前端页面传递待显示数据，以及用于所述前端页面接收用户的选择结果。本专利技术所提供的数据筛选方法及装置，前端页面仅需要将筛选数据发送给应用程序，具体的显示和筛选处理由应用程序来完成，从而在保证用户正常使用筛选功能的前提下，使得前端页面的执行性能得到极大提升。并且，筛选器功能的更新不需要通过更新APP版本来实现，用户不需要频繁升级APP版本，因此，进一步提升了用户体验。附图说明为了更清楚地说明本专利技术或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术提供的数据筛选方法的系统架构图；图2为本专利技术提供的数据筛选方法实施例一的流程示意图；图3为本专利技术提供的数据筛选方法实施例二的流程示意图；图4为本专利技术所提供的数据筛选方法中的显示示意图；图5为本专利技术提供的数据筛选装置实施例一的模块结构图；图6为本专利技术提供的数据筛选装置实施例二的模块结构图；图7为本专利技术提供的数据筛选装置实施例三的模块结构图；图8为本专利技术提供的数据筛选装置实施例四的模块结构图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。图1为本专利技术提供的数据筛选方法的系统架构图，如图1所示，该数据筛选方法中涉及前端页面、应用程序以及服务器，其中，前端页面是指用户所使用的APP所提供的可以供用户在其上进行各种操作的页面，应用程序是指APP的处理程序，服务器是指APP厂商的后台服务器。在该架构中，前端页面和应用程序都位于用户所操作的移动终端侧，而服务器则是APP厂商专门设置的服务器。ReactNative是可以支持上述架构的一种技术，该技术是利用javascript和react构建原生APP的一项技术。ReactNative支持通过编写JSX代码来实现应用程序的前端界面，支持动态下发代码来实现界面和更改业务逻辑，从而使得移动终端中的APP及时地进行功能更新，让用户更快的体验新功能，并且可以及时的修复一些问题，提供更好的用户体验。使用ReactNative时，上述架构中的应用程序可以称为Native。本专利技术以下以ReactNative为例来进行说明，但是，需要说明的是，本专利技术的方案同样也可以通过其他支持上述架构的技术来实现。图2为本专利技术提供的数据筛选方法实施例一的流程示意图，该方法站在Native的角度进行描述。如图1所示，该方法包括：S201、接收前端页面的调用筛选器请求，该调用筛选器请求中包括待显示数据。当用户打开某个APP中的一个页面时，如果该页面中需要显示一个筛选框，则前端页面可以通过特定的接口调用Native的筛选器，即，向Native发送一个调用筛选器请求，在该请求中，前端页面需要告知Native需要在筛选器中显示哪些数据以及默认选中的数据等信息。其中，需要在筛选器中显示的数据由前端页面预先从服务器获取，例如当用户在一个租房页面中选择户型时，该租房页面就需要预先从服务器中获取目前可供选择的户型数据有哪些，租房页面进而将这些户型数据通过特定接口告知Native。S202、根据上述调用筛选器请求中包括的待显示数据，显示第一筛选器并在第一筛选器中显示待显示数据。前端页面通过特定接口调用Native的筛选器之后，Native侧就会执行对应的组件，即首先弹出筛选器，进而根据前端页面所传递的数据在筛选器中显示这些数据。Native所弹出的筛选器会显示在前端页面的上方供用户选择。S203、将用户在第一筛选器中的选择结果返回给前端页面，以使前端页本文档来自技高网...

【技术保护点】
一种数据筛选方法，其特征在于，包括：接收前端页面的调用筛选器请求，所述调用筛选器请求中包括待显示数据；根据所述调用筛选器请求中包括的待显示数据，显示第一筛选器并在所述第一筛选器中显示所述待显示数据；将用户在所述第一筛选器中的选择结果返回给前端页面，以使前端页面显示所述选择结果。

【技术特征摘要】
1.一种数据筛选方法，其特征在于，包括：接收前端页面的调用筛选器请求，所述调用筛选器请求中包括待显示数据；根据所述调用筛选器请求中包括的待显示数据，显示第一筛选器并在所述第一筛选器中显示所述待显示数据；将用户在所述第一筛选器中的选择结果返回给前端页面，以使前端页面显示所述选择结果。2.根据权利要求1所述的方法，其特征在于，所述根据所述调用筛选器请求中包括的待显示数据，显示第一筛选器之前，还包括：判断所述调用筛选器请求中包括的待显示数据是否为合法数据，若是，则向所述前端页面返回失败响应，所述失败响应中包括数据不合法的提示信息。3.根据权利要求1所述的方法，其特征在于，所述待显示数据包括显示标题、默认选中数据、显示字段标识以及前端页面构造数据。4.根据权利要求3所述的方法，其特征在于，所述根据所述调用筛选器请求中包括的待显示数据，显示第一筛选器并在所述第一筛选器中显示所述待显示数据，包括：在所述第一筛选器的标题中显示所述显示标题；根据所述显示字段标识以及前端页面构造数据，在所述第一筛选器中显示所述前端页面数据中的每列数据；根据所述默认选中数据，在所述第一筛选器中选择所述每列数据中的默认显示数据。5.根据权利要求1-4任一项所述的方法，其特征在于，所述接收前端页面的调用筛选器请求，包括：通过预设接口接收所述调用筛选器请求，所述预设接口用于所述前端页面传递待显示数据，以及用于所述前...

【专利技术属性】
技术研发人员：罗干通，
申请(专利权)人：北京五八信息技术有限公司，
类型：发明
国别省市：北京,11