列表页面生成和展示方法、装置、设备及存储介质与流程

本申请涉及计算机，尤其涉及一种列表页面生成和展示方法、装置、设备及存储介质。

背景技术：

1、目前，在一些应用场景中需要使用具有筛选功能的列表页面，例如，在购物场景中，通过筛选功能筛选商品列表页面中的商品；在房屋租赁场景中，通过筛选功能筛选房源列表页面的房源信息等。进而，可以基于筛选后的数据满足用户的查看需求。

2、flutter是一种构建用户界面(uesr interface，ui)工具包，可以帮助开发者通过组件(widget)构建列表页面。在构建列表页面过程中，开发人员逐个将筛选组件的筛选项通过硬编码的方式写入列表页面的程序代码中，实现带有筛选功能的列表页面。在现有页面构建方案中，在对筛选项进行增加、删除或修改时，需要对整个列表页面进行重新构建，导致筛选组件的开发效率较低。

技术实现思路

1、本申请的多个方面提供一种列表页面生成和展示方法、装置、设备及存储介质，用以提升筛选组件的开发效率。

2、本申请实施例提供一种列表页面生成方法，适用于服务端，包括：响应第一终端发送的列表页面生成请求，获取目标场景下的筛选需求信息；从筛选需求信息中解析出筛选组件样式信息、至少一个筛选项及每个筛选项对应的至少一个筛选值；根据筛选组件样式信息，从多种通用筛选组件模板中选择样式适配的目标通用筛选组件模板，其中，不同通用筛选组件模板的样式不同；采用目标通用筛选组件模板的封装格式，分别对每个筛选项及其至少一个筛选值进行封装，以得到至少一个筛选对象；根据至少一个筛选对象、目标通用筛选组件模板以及筛选组件样式信息，生成目标筛选组件数据信息，目标筛选组件数据信息与初始列表页面数据信息解耦，用于对初始列表页面中的至少一条列表数据进行筛选；建立目标筛选组件数据信息与初始列表页面数据信息之间的关联关系，以得到目标列表页面数据信息。

3、本申请实施例还提供一种列表页面展示方法，适用于第二终端，该方法包括：响应于针对目标列表页面数据信息的展示请求，向服务端请求目标列表页面数据信息；接收服务端返回的目标列表页面数据信息对应的目标数据包，目标数据包包括目标筛选组件数据信息、初始列表页面数据信息以及目标筛选组件数据信息和初始列表页面数据信息之间的关联关系；目标筛选组件数据信息与初始列表页面数据信息解耦，用于对初始列表页面中的至少一条列表数据进行筛选；根据关联关系对目标筛选组件数据信息和初始列表页面数据信息进行渲染，以得到目标列表页面。

4、本申请实施例还提供一种列表页面生成装置，该装置包括：获取模块、解析模块、选择模块、第一封装模块、生成模块和建立模块；获取模块，用于响应第一终端发送的列表页面生成请求，获取目标场景下的筛选需求信息；解析模块，用于从筛选需求信息中解析出筛选组件样式信息、至少一个筛选项及每个筛选项对应的至少一个筛选值；选择模块，用于根据筛选组件样式信息，从多种通用筛选组件模板中选择样式适配的目标通用筛选组件模板，其中，不同通用筛选组件模板的样式不同；第一封装模块，用于采用目标通用筛选组件模板的封装格式，分别对每个筛选项及其至少一个筛选值进行封装，以得到至少一个筛选对象；生成模块，用于根据至少一个筛选对象、目标通用筛选组件模板以及筛选组件样式信息，生成目标筛选组件数据信息，目标筛选组件数据信息与初始列表页面数据信息解耦，用于对初始列表页面中的至少一条列表数据进行筛选；建立模块，用于建立目标筛选组件数据信息与初始列表页面数据信息之间的关联关系，以得到目标列表页面数据信息。

5、本申请实施例还提供一种列表页面展示装置，该装置包括：请求模块、收发模块以及处理模块；请求模块，用于响应于针对目标列表页面数据信息的展示请求，向服务端请求目标列表页面数据信息；收发模块，用于接收服务端返回的目标列表页面数据信息对应的目标数据包，目标数据包包括目标筛选组件数据信息、初始列表页面数据信息以及目标筛选组件数据信息和初始列表页面数据信息之间的关联关系；目标筛选组件数据信息与初始列表页面数据信息解耦，用于对初始列表页面中的至少一条列表数据进行筛选；处理模块，用于根据关联关系对目标筛选组件数据信息和初始列表页面数据信息进行渲染，以得到目标列表页面。

6、本申请实施例还提供一种电子设备，包括：存储器和处理器；存储器，用于存储计算机程序；处理器，与存储器耦合，用于执行计算机程序，以实现本申请实施例提供的列表页面生成方法和列表页面展示方法中的各步骤。

7、本申请实施例还提供一种存储有计算机程序的计算机可读存储介质，当计算机程序被处理器执行时，致使处理器实现本申请实施例提供的列表页面生成方法和列表页面展示方法中的各步骤。

8、在本申请实施例中，提供支持动态配置的多种通用筛选组件模板，对筛选需求信息进行解析得到筛选组件样式信息、筛选项以及筛选值；从多种通用筛选组件模板中选择样式适配的目标通用筛选组件模板；根据筛选对象、样式适配的通用筛选组件模板以及筛选样式信息，生成与初始列表页面数据信息解耦的筛选组件，并建立筛选组件数据信息和初始列表页面数据信息的关联关系，以得到目标列表页面数据信息。其中，在生成目标筛选组件数据信息的过程中，可以选择不同的通用筛选组件模板，以确定不同的筛选样式信息，同时基于选择的目标通用筛选组件模板可以灵活的增加、删除或修改筛选项和筛选值，以实现对筛选组件数据信息的动态配置。整个过程中，由于目标筛选组件数据信息与初始列表页面数据信息解耦，在对目标筛选组件数据信息进行动态配置时，和/或得到目标列表页面数据信息时，均无需对初始列表页面数据信息进行重新构建，提升筛选组件的开发效率。

技术特征：

1.一种列表页面生成方法，其特征在于，适用于服务端，包括：

2.根据权利要求1所述的方法，其特征在于，根据所述至少一个筛选对象、所述目标通用筛选组件模板以及所述筛选组件样式信息，生成目标筛选组件数据信息，包括：

3.根据权利要求2所述的方法，其特征在于，所述通用的数据封装协议还包括：可视化属性字段；所述筛选需求信息还包括至少一种可视化属性，所述方法还包括：

4.根据权利要求3所述的方法，其特征在于，在生成所述目标筛选组件数据信息之后，还包括：

5.根据权利要求1所述的方法，其特征在于，建立所述目标筛选组件数据信息与所述初始列表页面数据信息之间的关联关系，以得到目标列表页面数据信息之后，还包括：

6.一种列表页面展示方法，其特征在于，适用于第二终端，所述方法包括：

7.一种列表页面生成装置，其特征在于，该装置包括：获取模块、解析模块、选择模块、第一封装模块、生成模块和建立模块；

8.一种列表页面展示装置，其特征在于，该装置包括：请求模块、收发模块以及处理模块；

9.一种电子设备，其特征在于，包括：存储器和处理器；所述存储器，用于存储计算机程序；所述处理器，与所述存储器耦合，用于执行所述计算机程序，以实现权利要求1-5和6中任一项所述方法中的步骤。

10.一种存储有计算机程序的计算机可读存储介质，其特征在于，当所述计算机程序被处理器执行时，致使所述处理器实现权利要求1-5以及权利要求6中任一项所述方法中的步骤。

技术总结
本申请实施例提供一种列表页面生成和展示方法、装置、设备及存储介质。在本申请实施例中，提供支持动态配置的通用筛选组件模板，对筛选需求信息进行解析得到筛选组件样式信息、筛选项以及筛选值；从多种通用筛选组件模板中选择样式适配的目标通用筛选组件模板；根据筛选对象、样式适配的通用筛选组件模板以及筛选样式信息，生成与初始列表页面数据信息解耦的筛选组件数据信息，并建立筛选组件数据信息和初始列表页面数据信息的关联关系，以得到目标列表页面数据信息。整个过程中，由于目标筛选组件数据信息与初始列表页面数据信息解耦，无需对初始列表页面数据信息进行重新构建，提升筛选组件的开发效率。

技术研发人员：孙哲,胡楚,万兵
受保护的技术使用者：北京房多多信息技术有限公司
技术研发日：
技术公布日：2024/3/21