CN115268746A - 页面切换显示方法以及装置 - Google Patents

Abstract

本说明书实施例提供页面切换显示方法以及装置，其中页面切换显示方法，应用于客户端，包括：识别用户在主页面上的滑动操作，其中，主页面包括引导区域，引导区域中播放有指定显示内容；在滑动操作与引导区域的位置匹配的情况下，根据指定显示内容中的对象信息，获得待显示卡片；根据待显示卡片，生成目标页面，并将主页面切换为目标页面进行显示。通过在主页面的引导区域播放指定显示内容，使得主页面的显示内容更丰富，从而引导用户通过滑动操作进行页面切换，提升了用户进行页面切换的意愿，并且根据对应显示内容获得待显示卡片，进而生成目标页面，使得切换显示的目标页面显示内容更有针对性，提升了用户的浏览体验，进而整体提升了用户体验。

Description

页面切换显示方法以及装置

技术领域

本说明书实施例涉及终端页面显示技术领域，特别涉及一种页面切换显示方法。

背景技术

随着互联网技术的发展，多种应用程序在终端上进行页面显示，为用户显示相应的信息并且与用户进行互动，来提升用户体验。

目前，应用程序在客户端进行显示，基本为主页面显示粗略的信息内容，用户需要进行页面切换，来显示更详细的信息，例如，电商平台的应用程序中，主页面显示搜索框和部分热门商品图像，用户通过在搜索框中输入关键词或者点击热门商品图像区域，进行页面切换，显示商品的价格信息、门店信息、购买方式信息等更为详尽的信息。

然而，这样的页面显示方式和页面切换方式，因为主页面显示内容过于粗略，从而降低了用户为了进行深入了解进行页面切换的意愿，并且切换后的页面显示内容过于详尽，影响用户进行页面切换后的浏览体验，降低了用户体验。因此，亟需一种提升用户进行页面切换和浏览体验的页面切换显示方法。

发明内容

有鉴于此，本说明书实施例提供了一种页面切换显示方法。本说明书一个或者实施例同时涉及一种页面切换显示装置，一种计算设备，一种计算机可读存储介质以及一种计算机程序，以解决现有技术中存在的技术缺陷。

根据本说明书实施例的第一方面，提供了一种页面切换显示方法，应用于客户端，包括：

识别用户在主页面上的滑动操作，其中，主页面包括引导区域，引导区域中播放有指定显示内容；

在滑动操作与引导区域的位置匹配的情况下，根据指定显示内容中的对象信息，获得待显示卡片；

根据待显示卡片，生成目标页面，并将主页面切换为目标页面进行显示。

根据本说明书实施例的第二方面，提供了一种页面切换显示装置，包括：

识别模块，被配置为识别用户在主页面上的滑动操作，其中，主页面包括引导区域，引导区域中播放有指定显示内容；

待显示卡片获得模块，被配置为在滑动操作与引导区域的位置匹配的情况下，根据指定显示内容中的对象信息，获得待显示卡片；

切换显示模块，被配置为根据待显示卡片，生成目标页面，并将主页面切换为目标页面进行显示。

根据本说明书实施例的第三方面，提供了一种计算设备，包括：

存储器和处理器；

所述存储器用于存储计算机可执行指令，所述处理器用于执行所述计算机可执行指令，该计算机可执行指令被处理器执行时实现上述页面切换显示方法的步骤。

根据本说明书实施例的第四方面，提供了一种计算机可读存储介质，其存储有计算机可执行指令，该指令被处理器执行时实现上述页面切换显示方法的步骤。

根据本说明书实施例的第五方面，提供了一种计算机程序，其中，当所述计算机程序在计算机中执行时，令计算机执行上述页面切换显示方法的步骤。

本说明书一个实施例中，识别用户在主页面上的滑动操作，其中，主页面包括引导区域，引导区域中播放有指定显示内容，在滑动操作与引导区域的位置匹配的情况下，根据指定显示内容中的对象信息，获得待显示卡片，根据待显示卡片，生成目标页面，并将主页面切换为目标页面进行显示。通过在主页面的引导区域播放有指定显示内容，使得主页面的显示内容更加丰富，从而引导用户通过滑动操作就可以进行页面切换，提升了用户进行页面切换的意愿，并且对应显示内容获得待显示卡片，生成目标页面，使得切换显示的目标页面显示内容更具有针对性，从而提升了用户的浏览体验，进而整体提升了用户体验。

附图说明

图1是本说明书一个实施例提供的一种页面切换显示系统的处理流程图；

图2A是本说明书一个实施例提供的一种页面切换显示方法的流程图；

图2B是本说明书一个实施例提供的一种页面切换显示方法的单卡片页面显示效果图；

图2C是本说明书一个实施例提供的一种页面切换显示方法的多卡片页面显示效果图；

图2D是本说明书一个实施例提供的一种页面切换显示方法的收藏卡片样式显示效果图；

图2E是本说明书一个实施例提供的一种页面切换显示方法的投票卡片样式显示效果图；

图2F是本说明书一个实施例提供的一种页面切换显示方法的虚拟现实卡片样式显示效果图；

图2G是本说明书一个实施例提供的一种页面切换显示方法的全景展示卡片样式显示效果图；

图2H是本说明书一个实施例提供的一种页面切换显示方法的品牌卡片样式显示效果图；

图3是本说明书一个实施例提供的一种应用于电商平台的页面切换显示方法的处理过程流程图；

图4A是本说明书一个实施例提供的一种页面切换显示方法的引导区域显示效果图；

图4B是本说明书一个实施例提供的一种页面切换显示方法的半屏显示样式显示效果图；

图4C是本说明书一个实施例提供的一种页面切换显示方法的全屏显示样式显示效果图；

图5是本说明书一个实施例提供的一种页面切换显示装置的结构示意图；

图6是本说明书一个实施例提供的一种计算设备的结构框图。

具体实施方式

在下面的描述中阐述了很多具体细节以便于充分理解本说明书。但是本说明书能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本说明书内涵的情况下做类似推广，因此本说明书不受下面公开的具体实施的限制。

在本说明书一个或实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本说明书一个或实施例。在本说明书一个或实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本说明书一个或实施例中使用的术语“和/或”是指并包含一个或相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本说明书一个或实施例中可能采用术语第一、第二等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本说明书一个或实施例范围的情况下，第一也可以被称为第二，类似地，第二也可以被称为第一。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

首先，对本说明书一个或实施例涉及的名词术语进行解释。

在本说明书中，提供了一种页面切换显示方法，本说明书同时涉及一种页面切换显示装置，一种计算设备，以及一种计算机可读存储介质，在下面的实施例中逐一进行详细说明。

参见图1，图1示出了根据本说明书一个实施例提供的一种页面切换显示系统的处理流程图。

如图1所示，页面切换显示系统包括应用程序服务器、终端、数据库，应用程序服务器预先向终端发送推荐视频更新消息，终端上的应用程序客户端对应获取数据库中的推荐视频并存储在本地，在用户登录应用程序客户端时，在闪屏页面上播放推荐视频。应用程序服务器向终端的客户端发送通知消息，客户端根据通知消息中的地址信息从数据库中获取多媒体数据，根据多媒体数据生成待显示卡片，确定目标页面。终端的客户端识别到用户在主页面上的滑动操作，将主页面切换为目标页面并进行显示。

参见图2A-2G，图2A示出了根据本说明书一个实施例提供的一种页面切换显示方法的流程图，应用于客户端，包括以下具体步骤。

步骤202：识别用户在主页面上的滑动操作，其中，主页面包括引导区域，引导区域中播放有指定显示内容。

客户端为应用程序的客户端，应用程序为需要进行页面切换来引导用户对目标项目进行深入浏览的多页面架构的应用程序。例如，电商平台的应用程序、在线视频的应用程序、在线图书的应用程序、社交软件的应用程序、房屋中介的应用程序、金融理财的应用程序等。目标项目为应用程序所提供的产品或对象信息，例如，在线商品、在线视频、在线图书、社交用户信息、房屋信息、金融理财产品信息等。

主页面为应用程序的主页面，为应用程序的导航页面，包括产品目录、热门目标项目、搜索框、消息页面切换显示组件、个人信息页面切换显示组件等。

指定显示内容为应用程序的目标项目的相关信息内容，包括视频形式的信息内容、图片形式的信息内容、文字形式的信息内容。

引导区域为主页面上播放指定显示内容的播放区域，用户通过对引导区域进行滑动操作，执行页面切换显示指令，生成目标页面并进行切换显示。

识别用户在主页面上的滑动操作，具体为：识别用户在终端显示的应用程序主页面上的滑动操作。

示例性地，应用程序为某在线视频的应用程序，指定显示内容为多个热门视频推荐的宣传图片，在主页面的引导区域播放指定显示内容后，识别用户在手机终端显示的应用程序主页面上的滑动操作。

通过识别用户在主页面的滑动操作，为后续获得待显示卡片提供了触发条件。

步骤204：在滑动操作与引导区域的位置匹配的情况下，根据指定显示内容中的对象信息，获得待显示卡片。

引导区域在主页面上预先设定的位置，因而为了避免用户的勿滑动操作，需要在滑动操作与引导区域的位置相匹配，例如，引导区域在主页面的左侧位置，只有在用户在主页面上执行向右滑动操作时，才会认定用户需要进行页面切换显示，进而执行页面切换显示指令来生成目标页面。

指定显示内容的对象信息为指定显示内容中的目标项目信息，包括目标项目的属性信息，目标项目素材信息等。例如，指定显示内容为多个热门商品的图像，用户对主页面进行滑动操作，并且与引导区域的位置匹配的情况下，触发获取多个热门商品的商品信息，包括商品的属性信息(门店信息、商品种类、商品)和商品素材信息(视频、图片、文字等)。

卡片为一种在页面上显示的数据的可视化展示容器，通过在其中添加图片、文字、视频等目标项目素材，对目标项目进行更沉浸的显示。一个页面可以显示一个或多个卡片，并在每个卡片上设置有组件，在识别到用户对组件或者卡片，以让用户以更高互动性的形式浏览信息。例如，在目标页面上显示目标项目的视频或图像，用户通过点击卡片一次，进行翻页操作来显示目标项目的文字信息，用户通过点击卡片两次，确定选中目标项目进而进行图像放大或者视频暂停、跳过等功能，用户在卡片上进行滑动操作，更换到下一张卡片，用户通过点击卡片上的收藏、点赞组件，客户端执行对该卡片的目标项目的收藏、点赞等操作。

根据指定显示内容中的对象信息，获得待显示卡片，具体方式为：根据指定显示内容中的对象信息，从预先存储的数据库中获取指定显示内容中的目标项目素材，根据目标项目素材生成待显示卡片。

示例性地，指定显示内容为多个热门视频推荐的宣传图片，根据宣传图片中的多个热门视频的种类和存储地址信息，从远程视频数据库中获取多个热门视频的视频内容、视频标签文字信息(制作人员文字信息、发行人员文字信息和评价文字信息等)，根据热门视频内容、视频标签文字信息，生成多个热门视频的待显示卡片。

在滑动操作与引导区域的位置匹配的情况下，作为触发条件，页面切换显示的触发更加精准，同时根据指定显示内容中的对象信息，获得待显示卡片，为目标页面的生成提供了显示数据。

步骤206：根据待显示卡片，生成目标页面，并将主页面切换为目标页面进行显示。

目标页面为在终端上对主页面进行切换后显示的卡片显示页面，可以为单卡片显示页面。如图2B所示，图2B示出了根据本说明书一个实施例提供的一种页面切换显示方法的单卡片页面显示效果图，在目标页面上按顺序显示单张卡片。

如图2C所示。图2C示出了根据本说明书一个实施例提供的一种页面切换显示方法的多卡片页面显示效果图，在目标页面上按空间排列显示多张卡片：卡片1、卡片2、卡片3、卡片4、卡片5、卡片6、卡片7、卡片8、卡片9。当目标页面为多卡片显示页面，用户可以通过点击多个卡片中的一个卡片，将多卡片显示页面切换为单卡片显示页面进行显示。

根据待显示卡片，生成目标页面，具体方式为：对待显示卡片进行组件添加，生成目标页面，并将主页面切换为目标页面进行显示。

示例性地，对多个热门视频的待显示卡片添加暂停组件、收藏组件和翻页组件，来生成目标页面，并将主页面切换为目标页面进行显示，以使用户在点击终端上目标页面的卡片或者卡片上的组件时，对应执行暂停视频、收藏视频和显示视频标签文字信息(制作人员文字信息、发行人员文字信息和评价文字信息等)操作。

本说明书实施例中，识别用户在主页面上的滑动操作，其中，主页面包括引导区域，引导区域中播放有指定显示内容，在滑动操作与引导区域的位置匹配的情况下，根据指定显示内容中的对象信息，获得待显示卡片，根据待显示卡片，生成目标页面，并将主页面切换为目标页面进行显示。通过在主页面的引导区域播放有指定显示内容，使得主页面的显示内容更加丰富，从而引导用户通过滑动操作就可以进行页面切换，提升了用户进行页面切换的意愿，并且对应显示内容获得待显示卡片，生成目标页面，使得切换显示的目标页面显示内容更具有针对性，从而提升了用户的浏览体验，进而整体提升了用户体验。

可选地，步骤202包括以下具体步骤：

识别用户在主页面上进行滑动操作的滑动方向；

在滑动操作与引导区域的位置匹配的情况下，根据指定显示内容中的对象信息，获得待显示卡片，包括：

在滑动方向与引导区域的位置符合预设匹配条件的情况下，根据指定显示内容中的对象信息，获得待显示卡片。

滑动方向为用户在终端的主页面上进行滑动的方向。

匹配条件为滑动方向与引导区域在主页面上的位置方向为相反方向。例如，引导区域在主页面的上方位置，则滑动方向为从上向下滑动时，符合预设匹配条件，或者，引导区域在主页面的右侧位置，则滑动方向为从右往左滑动时，符合预设匹配条件。

在滑动方向与引导区域的位置符合预设匹配条件的情况下，根据指定显示内容中的对象信息，获得待显示卡片，具体方式为：判断用户在终端的主页面上进行滑动的方向是否与引导区域在主页面上预先设定的位置的相反方向，若为相反方向，根据指定显示内容中的对象信息，获得待显示卡片，如为相同方向或者相垂直方向，继续在终端显示主页面。

示例性地，应用程序为在线汽车的应用程序，在手机终端上显示该在线汽车的应用程序的主页面，主页面的上方引导区域内显示某型号汽车的汽车视频，用户在终端的主页面上从上向下滑动，判断从上向下滑动的方向与引导区域在主页面上预先设定的位置(上方)为相反方向，根据汽车视频中的该型号汽车的品牌信息、型号信息、该型号汽车素材存储地址信息，获取该型号汽车的外观图片和内饰图片、驾驶视频、参数新文字，生成该型号汽车的待显示卡片。

识别用户在主页面上进行滑动操作的滑动方向，并在滑动方向与引导区域的位置符合预设匹配条件的情况下，才会根据指定显示内容中的对象信息，获得待显示卡片，避免了用户在主页面上执行误操作，进而造成不符合用户需求的页面切换显示，提升了页面切换显示的准确度，提升了用户体验。

可选地，步骤202包括以下具体步骤：

识别用户在主页面上进行滑动操作的滑动距离；

将主页面切换为目标页面进行显示，包括：

根据滑动距离，确定目标页面的显示样式；

基于显示样式，显示目标页面。

滑动距离为用户在终端的主页面上进行滑动的距离。

显示样式为目标页面的在终端的显示样式，包括：全屏显示样式、半屏显示样式，简化显示样式和丰富显示样式，其中，简化显示样式为显示部分待显示卡片的样式，可以设定为在待显示卡片上不播放视频或者显示低分辨率的图片，进而为用户节省应用程序消耗流量，详尽显示样式为显示全部待显示卡片的样式，会在待显示卡片上正常播放视频并且显示高分辨率的图片，进而为用户提供内容更丰富的信息，来提升了浏览体验。

根据滑动距离，确定目标页面的显示样式，具体方式为，若预先设定的目标页面的显示样式为全屏显示样式和半屏显示样式，则识别用户在终端的主页面上进行滑动的距离，若大于等于预设的滑动距离阈值，确定目标页面的显示样式为全屏显示样式，若小于等于预设的滑动距离阈值，确定目标页面的显示样式为半屏显示样式。或者，若预先设定的目标页面的显示样式为简化显示样式和丰富显示样式，则识别用户在终端的主页面上进行滑动的距离，若大于等于预设的滑动距离阈值，确定目标页面的显示样式为丰富显示样式，若小于等于预设的滑动距离阈值，确定目标页面的显示样式为简化显示样式。

示例性地，应用程序为房屋中介的应用程序，在手机终端上显示该房屋中介的应用程序的主页面，预先设定的目标页面的显示样式为全屏显示样式和半屏显示样式，引导区域在终端的上方，终端的屏幕长度为d，识别用户在终端的主页面上进行滑动的距离为0.3d，预设的滑动距离阈值为0.4d，小于等于预设的滑动距离阈值，确定目标页面的显示样式为半屏显示样式，将目标页面的显示长度设定为0.5d，在终端上进行显示。

识别用户在主页面上进行滑动操作的滑动距离，根据滑动距离，确定目标页面的显示样式，基于显示样式，显示目标页面。根据用户的滑动距离，确定目标页面的显示样式来进行显示，在保证了页面切换显示可以提升用户的浏览体验的同时，也根据用户的实际需求确定针对性更高的目标页面显示样式来进行显示，提升了页面切换显示的适用性，整体提升了用户体验。

可选地，步骤204包括以下具体步骤：

根据指定显示内容中的对象信息，确定针对对象信息预先设定的目标项目属性；

根据目标项目属性，确定针对目标项目属性预先设定的目标卡片样式；

根据目标卡片样式，查找待显示卡片。

目前，对主页面进行切换显示，得到的目标页面主要为目标项目的目录和目标项目的图像或者文字信息的陈列展示，用户需要通过点击目标项目后，再进行切换显示到目标项目的详情页面，进行更深入的信息浏览，这样的丰富性和互动性不足的目标页面，无法提升用户进行深入浏览的意愿。

目标项目属性为对象信息中的多个目标项目的素材属性和/或服务领域属性，例如，指定显示内容为某电商平台的促销活动宣传视频，其中包含多个热门商品的属性信息和对应的品牌信息和/或热门商品的视频、图像、文字信息。

目标卡片样式为预先设定的目标卡片的显示样式，包括：收藏卡片样式、投票卡片样式、虚拟现实卡片样式、全景展示卡片样式、品牌卡片样式等。例如，对于收藏卡片样式，需要显示目标项目的品牌信息或者图片；对于投票卡片样式，需要显示目标项目的图片、文字信息；对于虚拟显示卡片样式，需要根据目标项目的图片来生成虚拟现实的目标项目；对于全景展示卡片样式，需要目标项目的图片、视频、文字来生成全景展示场景；对于品牌卡片样式，需要目标项目的品牌信息。

收藏卡片样式如图2D所示，图2D示出了根据本说明书一个实施例提供的一种页面切换显示方法的收藏卡片样式显示效果图。目标页面上显示有多个目标项目，用户首先点击对应目标项目的区域，进行目标项目的选中，再点击收藏组件实现对该目标项目的收藏处理。

投票卡片样式如图2E所示，图2E示出了根据本说明书一个实施例提供的一种页面切换显示方法的投票卡片样式显示效果图。目标页面上有两个目标项目：目标项目1和目标项目2，用户通过点击目标项目下方的投票组件，实现对该目标项目的投票处理，在投票组件的下方会显示当前时刻两个目标项目的票数对比情况。

虚拟现实卡片样式如图2F所示，图2F示出了根据本说明书一个实施例提供的一种页面切换显示方法的虚拟现实卡片样式显示效果图。目标页面上显示的目标项目为电脑显示器，通过获取的显示器的图片，构建得到显示器的虚拟现实场景，用户通过在终端上进行左右滑动操作，使得显示器的显示角度对应变化。

全景展示卡片样式如图2G所示，图2G示出了根据本说明书一个实施例提供的一种页面切换显示方法的全景展示卡片样式显示效果图。目标页面上显示的目标项目为房屋装修，通过点击下方的“添加家具”组件在上方的展示面板中对应添加家具，来进行房屋装修效果的全景展示。

品牌卡片样式如图2H所示，图2H示出了根据本说明书一个实施例提供的一种页面切换显示方法的品牌卡片样式显示效果图。目标页面上显示的目标项目为品牌A，在卡片的上方显示品牌A的商标，在商标的下方显示品牌介绍视频，当用户在品牌介绍视频的底部区域进行点击操作时，显示品牌故事文字。

根据目标项目属性，确定针对目标项目属性预先设定的目标卡片样式，具体方式为：多个目标项目的素材属性和/或服务领域属性，确定针对目标项目属性预先设定的目标卡片样式。

示例性地，指定显示内容为某电商平台的促销活动宣传视频，其中包含多个热门商品的属性信息(服装)、对应的品牌信息(品牌A、品牌B、品牌C)和热门商品的素材信息，根据热门商品的属性信息(服装)、品牌信息(品牌A、品牌B、品牌C)和热门商品的素材信息(文字；视频、图片、文字；图片、文字)，查找针对目标项目属性预先设定的目标卡片样式：品牌卡片样式、全景展示卡片样式和投票卡片样式。

根据指定显示内容中的对象信息，确定针对对象信息预先设定的目标项目属性，根据目标项目属性，确定针对目标项目属性预先设定的目标卡片样式，根据目标卡片样式，查找待显示卡片。针对目标项目属性，确定目标卡片样式，进而得到更有针对性的、更丰富样式的待显示卡片在后续进行显示，使得显示的内容更加丰富，提升了用户的浏览体验。

可选地，在步骤202之前，还包括以下具体步骤：

在用户登录客户端时，显示闪屏页面，其中，闪屏页面中播放有推荐视频；

在闪屏页面的显示时长达到预设时长的情况下，将闪屏页面切换为主页面进行显示，并将推荐视频作为指定显示内容在引导区域中进行播放。

闪屏页面是应用程序启动时，为了使得用户感知到应用程序正常启动而设计的一种等待状态显示页面，通常应用程序闪屏页面会显示应用程序的预设图片。在闪屏页面显示预设图片时，客户端会从服务器接收主页面的数据文件，进而生成主页面。在闪屏页面显示一定时间后，切换显示至主页面。

推荐视频为对用户进行目标项目推荐的视频，推荐视频为预先存储在应用程序客户端的，在用户登录客户端时，在闪屏页面上进行播放。推荐视频是根据应用程序当前版本号和/或用户画像确定的。例如，应用程序为电商平台的应用程序，应用程序当前版本号为6.10，对应当前版本号的应用程序上线促销活动，根据客户端当前版本号确定促销活动的推荐视频。或者，根据用户在应用程序客户端上的历史行为和个人设置，确定用户画像，进而确定匹配度高的视频作为推荐视频。

通过设置预设时长，保证用户不会长时间停留在闪屏页面，即在闪屏页面的显示时长达到预设市场的情况下，将闪屏页面切换为主页面进行显示，进一步提升了用户的体验。

将推荐视频作为指定显示内容在引导区域中进行播放。为了考虑用户不在闪屏页面上长时间停留，无法进行其他操作，因而需要控制闪屏页面的显示时间，以使主页面更快被切换显示，方便用户在主页面的搜索框进行搜索或者选择相应内容得到更详细的信息。然而，一般地，推荐视频的时间往往在15s以上，与闪屏页面的预设时长存在矛盾，通过在切换显示主页面后在主页面的引导区域中作为指定显示内容继续播放，可以继续为用户提供更多的信息，提升了用户后续的浏览意愿。

在引导区域中播放推荐视频。具体方式为，根据推荐视频在闪屏页面播放的结束时间戳，在切换显示主页面后，根据结束时间戳继续播放推荐视频。因为推荐视频包含大量对象信息，来引导用户进行后续的主页面到目标页面的切换，来进一步浏览待显示卡片。为了保证推荐视频的内容可以完整播放，来对提升对用户对目标项目的深入浏览意愿。

示例性地，当前应用程序客户端版本号为6.10，对应的促销活动为XX月XX日促销活动，客户端预先获取对应的推荐视频，用户登录客户端时，显示闪屏页面并在闪屏页面播放该推荐视频，在闪屏页面的显示时长为5s时，达到预设时长，确定结束时间戳为5s，将闪屏页面切换为主页面进行显示，并在引导区域中从推荐视频的5s开始继续播放。

在用户登录客户端时，显示播放有推荐视频的闪屏页面，在闪屏页面的显示时长达到预设时长的情况下，将闪屏页面切换为主页面进行显示，并将推荐视频作为指定显示内容在引导区域中进行播放。避免了闪屏页面的显示时间过长，影响用户的使用体验，并且通过在进行主页面的切换显示后，在引导区域播放推荐视频，为用户提供更多的信息，提升了用户后续的浏览意愿。

可选地，在识别用户在主页面上的滑动操作之前，还包括以下具体步骤：

在用户登录客户端时，显示闪屏页面，其中，闪屏页面中播放有推荐视频；

在接收到服务器发送的通知消息的情况下，根据通知消息携带的地址信息，获取目标多媒体文件；

将闪屏页面切换为主页面进行显示，并将多媒体文件作为指定显示内容在引导区域中进行播放。

服务器为应用程序的服务器。

多媒体文件为目标项目素材，可以为视频、图像、文字等。

通知消息为服务器发送客户端的包含目标项目素材的存储位置的地址信息，以便客户端可以从目标项目素材数据库中获取对应的目标项目素材。

具体地，在用户登录客户端时，显示播放有推荐视频的闪屏页面，在接收到服务器发送的通知消息的情况下，根据通知消息携带的目标项目素材的存储位置的地址信息，从目标项目素材数据库获取目标多媒体文件，将闪屏页面切换为主页面进行显示，并将多媒体文件作为指定显示内容在引导区域中进行播放。

示例性地，应用程序为金融理财的应用程序，在用户登录客户端时，显示热门金融产品的推荐食品的闪屏页面，在接收到金融理财的应用程序的服务器发送的通知消息的情况下，根据其中携带的金融理财产品的图片(走势图)、文字(金融产品的内容、注意事项等)的存储位置的地址信息，从金融理财产品图片、文字数据库中获取图片和文字，将闪屏页面切换为主页面进行显示，并在主页面的引导区域播放图片和文字。

接收到服务器发送的通知消息的情况下，根据通知消息携带的地址信息，获取多媒体文件，并将多媒体文件作为指定显示内容在引导区域中进行播放。可以使用户准确地获取目标多媒体文件，作为指定显示内容，进而在主页上显示更有生动性的内容，提升用户对主页面进行滑动操作来切换显示目标页面的意愿，提升了用户体验。

可选地，将多媒体文件作为指定显示内容在引导区域中进行播放，包括以下具体步骤：

将多媒体文件作为指定显示内容，按照预设的播放参数，在引导区域中播放指定显示内容。

播放参数为对应多媒体文件的类型，设定的播放参数。例如，多媒体文件为多张图片，播放参数对应多张图片的播放序列参数，即播放顺序、多张图片的分辨率参数、多张图片的播放时间参数(单张图片的播放时长和多张图片间的播放间隔时长)。多媒体文件为视频，播放参数对应视频的播放时长参数、视频的分辨率参数等。

具体地，将多媒体文件作为指定显示内容，根据多媒体文件的类型确定对应的预设播放参数，按照播放参数，在引导区域中播放指定显示内容。

示例性地，多媒体文件为多个图书的图片，根据多媒体文件的类型为图片，确定对应预设的播放参数：播放序列参数：图片1-图片3-图片2……、图片的分辨率参数：720:480；单张图片的播放时长为1s、播放间隔时长为0.5s。

通过确定多媒体文件为指定显示内容，为用户提供了更丰富生动的内容，进而提升了用户进行滑动操作来切换显示目标页面的意愿，提升了用户的体验，按照预设的播放参数，在引导区域中播放指定显示内容，保证指定显示内容的播放效果，进而提升用户体验。

可选地，步骤206包括以下具体步骤：

获取预设交互组件；

在待显示卡片上添加预设交互组件，生成目标页面。

交互组件为用户可以对目标项目进行交互的组件，通过交互组件使得用户在终端实现对目标项目的交互功能，例如，购买组件、分享组件、收藏组件等。

具体地，根据待显示卡片的类型，从预先设定的组件库中获取预设交互组件，在待显示卡片上添加预设交互组件，生成目标页面。

示例性地，预先设定的组件库中包括，购买组件、分享组件、收藏组件等，待显示卡片为品牌卡片，用户可以对品牌进行收藏、分享，因而从预先设定的组件库中确定收藏组件和分享组件，将收藏和分享的处理指令绑定至相应待显示卡片上。

通过在待显示卡片上添加交互组件，生成目标页面，实现了快速生成多样交互功能的待显示卡片，提升了待显示卡片的生成效率，并且使得待显示卡片可以执行对应的交互功能，进一步丰富了目标页面的功能丰富性，提升了用户更深入的浏览意愿，提升了用户体验。

可选地，在步骤206之后，还包括以下具体步骤：

收集用户对预设交互组件进行操作的操作数据；

将操作数据发送至服务器，以使服务器根据操作数据确定更新指定显示内容；

接收服务器发送的更新指定显示内容，并存储更新指定显示内容，以使用户在重新登录客户端时显示更新指定显示内容。

操作数据为收集多个用户对预设交互组件进行操作的数据，包括收藏总数、点赞总数、购买总数等。例如，多个用户在客户端上对通过交互组件实现对某卡片对应的目标项目的收藏操作，得到多个用户对该目标项目的收藏总数。

通过存储更新指定显示内容，用户在下一次登录客户端时，直接在闪屏界面上进行显示，进而无需重新从服务器获取，减少了用户等待时间，提升了用户体验。

服务器根据操作数据确定更新指定显示内容，具体方式为：根据操作数据，确定热门目标项目，根据热门目标项目，确定更新指定显示内容。

示例性地，操作数据为购买总数，收集多个用户在电商平台的应用程序的客户端上，通过购买组件，实现的对某个商品卡片对应的商品的购买操作，得到多个用户对该商品的购买总数，该商品的购买总数发送至服务器，服务器根据购买总数确定该商品是否为热门商品，若为热门商品，获取该热门商品的多媒体文件作为更新指定显示内容并发送给客户端，客户端在接收跟更新指定显示内容后，将其存储在客户端中。在用户重新登录客户端时，在商品页面进行显示。

通过收集用户对预设交互组件进行操作的操作数据，确定更新指定显示内容，保证了更新指定显示内容是针对用户的操作确定的，使得指定显示内容更有针对性，提升了用户体验，并且在接收到更新指定显示内容后进行存储，减少了用户等待时间，更进一步提升了用户体验。

可选地，步骤206包括以下具体步骤：

识别待显示卡片中的各基础组件；

针对各基础组件，分别绑定相应的处理指令。

基础组件为卡片的赋能组件，通过赋能组件使得显示的卡片可以通过用户在终端的执行对应的处理功能，例如，选中组件、放大组件、播放/暂停组件、旋转组件等。

处理指令为对应基础组件的功能指令，例如，选中组件对应选中目标项目，放大组件对应放大显示卡片上的图像、文字，播放/暂停组件对应播放或者暂停卡片上的视频，旋转组件对应旋转卡片上的图像。

具体地，识别待显示卡片的类型，从预先设定的组件库中获取预设基础组件，在待显示卡片上绑定相应的处理指令。

示例性地，预先设定的组件库中包括选中组件、放大组件、播放/暂停组件、旋转组件等，待显示卡片为虚拟现实卡片，需要在目标页面上显示目标项目的虚拟现实场景，并且可以通过点击对应区域实现放大虚拟现实卡片，通过滑动对应区域实现旋撰虚拟现实卡片，因而确定放大组件和旋转组件，在虚拟现实卡片上添加放大组件和旋转组件，生成目标页面。

通过在待显示卡片上绑定针对基础组件的处理指令，通过对应的组件可以快速生成多样处理功能的待显示卡片，提升了待显示卡片的生成效率，并且使得待显示卡片可以执行对应的处理功能，进一步丰富了目标页面的功能丰富性，提升了用户更深入的浏览意愿，提升了用户体验。

下述结合附图3，以本说明书提供的页面切换显示方法在电商平台的应用为例，对页面切换显示方法进行进一步说明。其中，图3示出了本说明书一个实施例提供的一种应用于电商平台的页面切换显示方法的处理过程流程图，具体包括以下步骤。

步骤302：获取推荐视频；

推荐视频为电商平台的促销活动的推荐视频，推荐视频中包括多个热门商品的商品信息。

步骤304：在用户登录电商平台的客户端时，显示播放有推荐视频的闪屏页面；

步骤306：在闪屏页面的显示时长达到预设时长的情况下，将闪屏页面切换为主页面进行显示，并在引导区域中继续播放推荐视频；

步骤308：识别用户在主页面上进行滑动操作的滑动距离；

步骤310：在滑动距离大于等于预设距离的情况下，确定目标页面的显示样式为全屏显示样式；

步骤312：在滑动距离小于预设距离的情况下，确定目标页面的显示样式为半屏显示样式；

步骤314：根据商品信息中的商品属性，确定针对商品属性预先设定的目标卡片样式；

步骤316：根据目标卡片样式，生成商品卡片；

根据目标卡片样式，得到商品卡片的显示效果后，对应添加分享、收藏、添加购物车、购买等交互组件和点击、滑动、长按等基础组件。

步骤318：基于显示样式和商品卡片，显示目标页面。

本说明书实施例中，通过在主页面的引导区域播放有推荐视频，使得主页面的显示内容更加丰富，从而引导用户通过滑动操作就可以进行页面切换，提升了用户进行页面切换的意愿，并且不同的滑动距离对应不同的目标页面的显示样式，提升了页面切换显示的适用性，并且对应显示内容获得待显示卡片，根据商品属性，确定目标卡片样式，进而得到更有针对性的、更丰富样式的商品卡片，使得目标页面上显示的内容更加丰富，提升了用户的浏览体验，进而整体提升了用户体验。

参见图4A-4C，图4A示出了根据本说明书一个实施例提供的一种页面切换显示方法的引导区域显示效果图。

如图4A所示，主页面上方显示有引导区域，在引导区域内显示指定显示内容，在引导区域的下方显示有搜索框和搜索组件，通过在搜索框中输入关键词并点击搜索组件，得到对应关键词的搜索结果页面，并将主页面替换为搜索结果页面进行显示。在搜索框的下方显示有当前的多个热门目标项目图片，用户通过点击目标项目图片来将主页面切换为目标项目的详情页面。在主页面的底部设置有产品目录页面切换显示组件、消息页面切换显示组件和个人信息页面切换显示组件，通过点击任意组件，将主页面切换到对应的页面。

图4B示出了根据本说明书一个实施例提供的一种页面切换显示方法的半屏显示样式显示效果图。

如图4B所示，在图4A的主页面显示基础上，生成了包含卡片的目标页面，并将目标页面显示在原主页面的上方半屏区域内，保留原主页面的内容的基础上，将原主页面的内容向下平移，保留产品目录页面切换显示组件、消息页面切换显示组件和个人信息页面切换显示组件的在主页面中的位置不变。

图4C示出了根据本说明书一个实施例提供的一种页面切换显示方法的全屏显示样式显示效果图。

如图4B所示，在图4A的主页面显示基础上，生成了包含卡片的目标页面，并将目标页面替换主页面的所有内容进行显示。

与上述方法实施例相对应，本说明书还提供了页面切换显示装置实施例，图5示出了本说明书一个实施例提供的一种页面切换显示装置的结构示意图。如图5所示，该装置包括：

识别模块502，被配置为识别用户在主页面上的滑动操作，其中，主页面包括引导区域，引导区域中播放有指定显示内容；

待显示卡片获得模块504，被配置为在滑动操作与引导区域的位置匹配的情况下，根据指定显示内容中的对象信息，获得待显示卡片；

切换显示模块506，被配置为根据待显示卡片，生成目标页面，并将主页面切换为目标页面进行显示。

可选地，识别模块502被进一步配置为：

识别用户在主页面上进行滑动操作的滑动方向；

对应地，待显示卡片获得模块504被进一步配置为：

在滑动方向与引导区域的位置符合预设匹配条件的情况下，根据指定显示内容中的对象信息，获得待显示卡片。

可选地，识别模块502被进一步配置为：

识别用户在主页面上进行滑动操作的滑动距离；

对应地，切换显示模块506被进一步配置为：

根据滑动距离，确定目标页面的显示样式，基于显示样式，显示目标页面。

可选地，待显示卡片获得模块504被进一步配置为：

根据指定显示内容中的对象信息，确定针对对象信息预先设定的目标项目属性，根据目标项目属性，确定针对目标项目属性预先设定的目标卡片样式，根据目标卡片样式，查找待显示卡片。

可选地，该装置还包括：

推荐视频播放模块，被配置为在用户登录客户端时，显示闪屏页面，其中，闪屏页面中播放有推荐视频，在闪屏页面的显示时长达到预设时长的情况下，将闪屏页面切换为主页面进行显示，并将推荐视频作为指定显示内容在引导区域中进行播放。

可选地，该装置还包括：

多媒体文件播放模块，被配置为在用户登录客户端时，显示闪屏页面，其中，闪屏页面中播放有推荐视频，在接收到服务器发送的通知消息的情况下，根据通知消息携带的地址信息，获取目标多媒体文件，将闪屏页面切换为主页面进行显示，并将多媒体文件作为指定显示内容在引导区域中进行播放。

可选地，多媒体文件播放模块被进一步配置为：

将多媒体文件作为指定显示内容，按照预设的播放参数，在引导区域中播放指定显示内容。

可选地，切换显示模块506被进一步配置为：

获取预设交互组件，在待显示卡片上添加预设交互组件，生成目标页面。

可选地，该装置还包括：

操作数据处理模块，被配置为收集用户对预设交互组件进行操作的操作数据，将操作数据发送至服务器，以使服务器根据操作数据确定更新指定显示内容，接收服务器发送的更新指定显示内容，并存储更新指定显示内容，以使用户在重新登录客户端时显示更新指定显示内容。

可选地，切换显示模块506被进一步配置为：

识别待显示卡片中的各基础组件，针对各基础组件，分别绑定相应的处理指令。

本说明书实施例中，识别用户在主页面上的滑动操作，其中，主页面包括引导区域，引导区域中播放有指定显示内容，在滑动操作与引导区域的位置匹配的情况下，根据指定显示内容中的对象信息，获得待显示卡片，根据待显示卡片，生成目标页面，并将主页面切换为目标页面进行显示。通过在主页面的引导区域播放有指定显示内容，使得主页面的显示内容更加丰富，从而引导用户通过滑动操作就可以进行页面切换，提升了用户进行页面切换的意愿，并且对应显示内容获得待显示卡片，生成目标页面，使得切换显示的目标页面显示内容更具有针对性，从而提升了用户的浏览体验，进而整体提升了用户体验。

上述为本实施例的一种页面切换显示装置的示意性方案。需要说明的是，该页面切换显示装置的技术方案与上述的页面切换显示方法的技术方案属于同一构思，页面切换显示装置的技术方案未详细描述的细节内容，均可以参见上述页面切换显示方法的技术方案的描述。

图6示出了根据本说明书一个实施例提供的一种计算设备的结构框图。该计算设备600的部件包括但不限于存储器610和处理器620。处理器620与存储器610通过总线630相连接，数据库650用于保存数据。

计算设备600还包括接入设备640，接入设备640使得计算设备600能够经由一个或网络660通信。这些网络的示例包括公用交换电话网(PSTN，Public Switched TelephoneNetwork)、局域网(LAN，Local Area Network)、广域网(WAN，Wide Area Network)、个域网(PAN，Personal Area Network)或诸如因特网的通信网络的组合。接入设备640可以包括有线或无线的任何类型的网络接口(例如，网络接口卡(NIC，Network InterfaceController))中的一个或多个，诸如IEEE802.11无线局域网(WLAN，Wireless Local AreaNetworks)无线接口、全球微波互联接入(Wi-MAX，World Interoperability forMicrowave Access)接口、以太网接口、通用串行总线(USB，Universal Serial Bus)接口、蜂窝网络接口、蓝牙接口、近场通信(NFC，Near Field Communication)接口，等等。

在本说明书的一个实施例中，计算设备600的上述部件以及图6中未示出的其他部件也可以彼此相连接，例如通过总线。应当理解，图6所示的计算设备结构框图仅仅是出于示例的目的，而不是对本说明书范围的限制。本领域技术人员可以根据需要，增添或替换其他部件。

计算设备600可以是任何类型的静止或移动计算设备，包括移动计算机或移动计算设备(例如，平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如，智能手机)、可佩戴的计算设备(例如，智能手表、智能眼镜等)或其他类型的移动设备，或者诸如台式计算机或PC的静止计算设备。计算设备600还可以是移动式或静止式的服务器。

其中，处理器620用于执行如下计算机可执行指令，该计算机可执行指令被处理器执行时实现上述页面切换显示方法的步骤。

上述为本实施例的一种计算设备的示意性方案。需要说明的是，该计算设备的技术方案与上述的页面切换显示方法的技术方案属于同一构思，计算设备的技术方案未详细描述的细节内容，均可以参见上述页面切换显示方法的技术方案的描述。

本说明书一实施例还提供一种计算机可读存储介质，其存储有计算机可执行指令，该计算机可执行指令被处理器执行时实现上述页面切换显示方法的步骤。

上述为本实施例的一种计算机可读存储介质的示意性方案。需要说明的是，该存储介质的技术方案与上述的页面切换显示方法的技术方案属于同一构思，存储介质的技术方案未详细描述的细节内容，均可以参见上述页面切换显示方法的技术方案的描述。

本说明书一实施例还提供一种计算机程序，其中，当所述计算机程序在计算机中执行时，令计算机执行上述页面切换显示方法的步骤。

上述为本实施例的一种计算机程序的示意性方案。需要说明的是，该计算机程序的技术方案与上述的页面切换显示方法的技术方案属于同一构思，计算机程序的技术方案未详细描述的细节内容，均可以参见上述页面切换显示方法的技术方案的描述。

上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

所述计算机指令包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。

需要说明的是，对于前述的各方法实施例，为了简便描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本说明书实施例并不受所描述的动作顺序的限制，因为依据本说明书实施例，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定都是本说明书实施例所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其它实施例的相关描述。

以上公开的本说明书优选实施例只是用于帮助阐述本说明书。可选实施例并没有详尽叙述所有的细节，也不限制该发明仅为所述的具体实施方式。显然，根据本说明书实施例的内容，可作很多的修改和变化。本说明书选取并具体描述这些实施例，是为了更好地解释本说明书实施例的原理和实际应用，从而使所属技术领域技术人员能很好地理解和利用本说明书。本说明书仅受权利要求书及其全部范围和等效物的限制。

Claims (13)

1.一种页面切换显示方法，应用于客户端，所述方法包括：

识别用户在主页面上的滑动操作，其中，所述主页面包括引导区域，所述引导区域中播放有指定显示内容；

在所述滑动操作与所述引导区域的位置匹配的情况下，根据所述指定显示内容中的对象信息，获得待显示卡片；

根据所述待显示卡片，生成目标页面，并将所述主页面切换为所述目标页面进行显示。

2.根据权利要求1所述的方法，所述识别用户在主页面上的滑动操作，包括：

识别用户在主页面上进行滑动操作的滑动方向；

所述在所述滑动操作与所述引导区域的位置匹配的情况下，根据所述指定显示内容中的对象信息，获得待显示卡片，包括：

在所述滑动方向与所述引导区域的位置符合预设匹配条件的情况下，根据所述指定显示内容中的对象信息，获得待显示卡片。

3.根据权利要求1或2所述的方法，所述识别用户在主页面上的滑动操作，包括：

识别用户在主页面上进行滑动操作的滑动距离；

所述将所述主页面切换为所述目标页面进行显示，包括：

根据所述滑动距离，确定所述目标页面的显示样式，基于所述显示样式，显示所述目标页面。

4.根据权利要求1或2所述的方法，所述根据所述指定显示内容中的对象信息，获得待显示卡片，包括：

根据所述指定显示内容中的对象信息，确定针对所述对象信息预先设定的目标项目属性；

根据所述目标项目属性，确定针对所述目标项目属性预先设定的目标卡片样式；

根据所述目标卡片样式，查找待显示卡片。

5.根据权利要求1所述的方法，在所述识别用户在主页面上的滑动操作之前，还包括：

在用户登录所述客户端时，显示闪屏页面，其中，所述闪屏页面中播放有推荐视频；

在所述闪屏页面的显示时长达到预设时长的情况下，将所述闪屏页面切换为所述主页面进行显示，并将所述推荐视频作为所述指定显示内容在所述引导区域中进行播放。

6.根据权利要求1所述的方法，在所述识别用户在主页面上的滑动操作之前，还包括：

在用户登录所述客户端时，显示闪屏页面，其中，所述闪屏页面中播放有推荐视频；

在接收到服务器发送的通知消息的情况下，根据所述通知消息携带的地址信息，获取目标多媒体文件；

将所述闪屏页面切换为所述主页面进行显示，并将所述多媒体文件作为所述指定显示内容在所述引导区域中进行播放。

7.根据权利要求6所述的方法，所述将所述多媒体文件作为所述指定显示内容在所述引导区域中进行播放，包括：

将所述多媒体文件作为所述指定显示内容，按照预设的播放参数，在所述引导区域中播放所述指定显示内容。

8.根据权利要求1所述的方法，所述根据所述待显示卡片，生成目标页面，包括：

获取预设交互组件；

在所述待显示卡片上添加所述预设交互组件，生成目标页面。

9.根据权利要求8所述的方法，在所述将所述主页面切换为所述目标页面进行显示之后，还包括：

收集用户对所述预设交互组件进行操作的操作数据；

将所述操作数据发送至服务器，以使所述服务器根据所述操作数据确定更新指定显示内容；

接收所述服务器发送的所述更新指定显示内容，并存储所述更新指定显示内容，以使所述用户在重新登录所述客户端时显示所述更新指定显示内容。

10.根据权利要求1所述的方法，所述根据所述待显示卡片，生成目标页面，包括：

识别所述待显示卡片中的各基础组件；

针对所述各基础组件，分别绑定相应的处理指令。

11.一种页面切换显示装置，包括：

识别模块，被配置为识别用户在主页面上的滑动操作，其中，所述主页面包括引导区域，所述引导区域中播放有指定显示内容；

待显示卡片获得模块，被配置为在所述滑动操作与所述引导区域的位置匹配的情况下，根据所述指定显示内容中的对象信息，获得待显示卡片；

切换显示模块，被配置为根据所述待显示卡片，生成目标页面，并将所述主页面切换为所述目标页面进行显示。

12.一种计算设备，包括：

存储器和处理器；

所述存储器用于存储计算机可执行指令，所述处理器用于执行所述计算机可执行指令，该计算机可执行指令被处理器执行时实现权利要求1至10任意一项所述页面切换显示方法的步骤。

13.一种计算机可读存储介质，其存储有计算机可执行指令，该计算机可执行指令被处理器执行时实现权利要求1至10任意一项所述页面切换显示方法的步骤。

Images