一种页面展示方法及客户端技术

本申请实施方式公开了一种页面展示方法及客户端，其中，所述方法包括：向服务器发送指向目标页面的资源获取请求；接收所述服务器反馈的所述目标页面的主题标识以及所述目标页面中的详情信息；展示所述目标页面的主列表，所述主列表中包括多个子列表；其中，所述多个子列表中包括用于展示所述主题标识的第一子列表以及用于展示所述详情信息的第二子列表；当所述主列表滚动时，所述第一子列表和所述第二子列表与所述主列表保持同步滚动。本申请提供的技术方案，能够解决顶部视图和纵向列表始终共同占用终端设备的屏幕的问题。

A page display method and client

This application embodiment discloses a page display method and client, wherein, the method comprises: obtaining requests to the target page to the server to send the resource; the target page server receives the feedback of the theme logo and the target page details of the information display; master list the target page that includes a plurality of sub list of the main list; among them, the sub list includes the theme of identity for display in the first sub list and display the information for details of second sub list; when the main list scroll, the first and the second sub sub list with the list the main list of synchronous rolling. The technical scheme provided by the application can solve the problem that the top view and the longitudinal list always share the screen of the terminal device.

【技术实现步骤摘要】
一种页面展示方法及客户端
本申请涉及计算机
，特别涉及一种页面展示方法及客户端。
技术介绍
当前，在终端设备中通常需要展示各种各样的表单(table)。图1为当前常见的一种表单的示意图。如图1所示，该表单可以包括顶部视图和纵向列表。其中，所述顶部视图可以展示该表单的主题内容。例如，如果该表单为展示通讯录中人员名称的表单，所述顶部视图中便可以展示“通讯录”的字样。所述纵向列表可以展示该表单的详细内容。例如，该纵向列表中可以展示通讯录中各个人员的名称。其中，当纵向列表中的内容过多，导致终端设备的屏幕无法完全展示时，该纵向列表可以进行上下滑动，从而可以在终端设备的屏幕中展示纵向列表中的不同内容。
技术实现思路
上述的现有技术的表单中，顶部视图的位置通常是固定在屏幕的指定位置处，其一般不会随着纵向列表的滑动而改变位置。一方面，为了在终端设备的屏幕上更多地展示纵向列表中的内容，通常会尽可能地压缩顶部视图的大小。然而，如果顶部视图中需要展示的内容较多，而顶部视图所占的区域又较小，那么顶部视图则无法完整地展示相应的内容。这样，用户则无法从顶部视图中获取到完整的信息。另一方面，如果为了使得顶部视图能够显示完整的内容，那么顶底视图则会占用较大的区域。这样，纵向列表所占的区域就会相应减少，用户需要频繁地滑动纵向列表，才能查看到纵向列表中不同的内容。由上可见，现有技术中对于表单的展示方法，无法解决顶部视图和纵向列表始终共同占用终端设备的屏幕的问题，从而给用户带来不好的操作体验。本申请实施方式的目的是提供一种页面展示方法及客户端，能够解决顶部视图和纵向列表始终共同占用终端设备的屏幕的问题。为实现上述目的，本申请实施方式提供一种页面展示方法，所述方法包括：向服务器发送指向目标页面的资源获取请求；接收所述服务器反馈的所述目标页面的主题标识以及所述目标页面中的详情信息；展示所述目标页面的主列表，所述主列表中包括多个子列表；其中，所述多个子列表中包括用于展示所述主题标识的第一子列表以及用于展示所述详情信息的第二子列表；当所述主列表滚动时，所述第一子列表和所述第二子列表与所述主列表保持同步滚动。为实现上述目的，本申请实施方式还提供一种客户端，所述客户端包括网络通信端口、存储器、显示器和处理器，其中：所述网络通信端口，用于向服务器发送指向目标页面的资源获取请求，并接收所述服务器反馈的所述目标页面的主题标识以及所述目标页面中的详情信息；所述存储器，用于存储所述主题标识和所述详情信息；所述显示器，用于展示所述目标页面的主列表，所述主列表中包括多个子列表；其中，所述多个子列表中包括用于展示所述主题标识的第一子列表以及用于展示所述详情信息的第二子列表；所述处理器，用于当所述主列表滚动时，控制所述第一子列表和所述第二子列表与所述主列表保持同步滚动。以上可见，本申请提供的技术方案，展示的目标页面中可以包括主列表，该主列表中可以包括多个子列表，所述多个子列表可以包括用于展示主题标识的第一子列表以及用于展示详情信息的第二子列表。其中，主列表可以响应于用户施加的操作指令进行滚动，以向用户展示不同的内容。在主列表滚动时，第一子列表和第二子列表可以与所述主列表进行同步滚动。随着主列表的滚动，显示有主题标识的顶部视图可以逐渐从当前界面中消失，当前界面中从而可以完全展示第二子列表中的详情信息。这样，如果顶部视图所占的显示区域较大，通过主列表滚动的方式，一方面可以查看到顶部视图的完整内容，另一方面还可以将顶部视图从当前界面中移出，使得具体的详情信息能够填充整个当前界面，从而解决了顶部视图和纵向列表始终共同占用终端设备的屏幕的问题。附图说明为了更清楚地说明本申请实施方式或现有技术中的技术方案，下面将对实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1为本申请实施方式中主列表的结构示意图；图2为本申请实施方式中主列表内容偏移量的示意图；图3为本申请实施方式中子列表的划分示意图；图4为本申请实施方式中多个第二子列表的第一示意图；图5为本申请实施方式中多个第二子列表的第二示意图；图6为本申请实施方式中选择控件的示意图；图7为本申请实施方式中选择控件的悬停示意图；图8为本申请实施方式中客户端的结构示意图；图9为本申请实施方式中页面展示方法的流程图。具体实施方式为了使本
的人员更好地理解本申请中的技术方案，下面将结合本申请实施方式中的附图，对本申请实施方式中的技术方案进行清楚、完整地描述，显然，所描述的实施方式仅仅是本申请一部分实施方式，而不是全部的实施方式。基于本申请中的实施方式，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施方式，都应当属于本申请保护的范围。本申请实施方式提供一种页面展示方法，所述方法可以应用于客户端中，所述客户端可以是具备图像显示功能的电子设备。具体地，所述客户端例如可以是台式电脑、平板电脑、笔记本电脑、智能手机、数字助理、智能可穿戴设备、导购终端、智能电视机等。或者，所述客户端也可以为能够运行于上述电子设备中的软件。例如，所述客户端可以是在智能终端中运行的应用或者智能终端的操作系统。请参阅图9，所述页面展示方法可以包括以下步骤。S1：向服务器发送指向目标页面的资源获取请求。在本实施方式中，用户可以在客户端中点击目标页面的链接，从而向所述目标页面的服务器发起指向所述目标页面的资源获取请求。所述资源获取请求中可以携带所述目标页面的标识，还可以携带所述客户端的IP地址和所述服务器的IP地址。这样，所述资源获取请求便可以从所述客户端的IP地址处发送至所述服务器所在的IP地址处。当然，在实际应用场景中，客户端中可能之前已经加载过所述目标页面，所述目标页面的资源可能存储于本地缓存中。因此，在发送资源获取请求之前，所述客户端可以从本地缓存中读取与目标页面相关联的主题标识和详情信息，若在所述本地缓存中不存在所述主题标识和所述详情信息，才向服务器发送指向所述目标页面的资源获取请求。S3：接收所述服务器反馈的所述目标页面的主题标识以及所述目标页面中的详情信息。在本实施方式中，服务器在接收到所述资源获取请求后，可以提取其中的目标页面的标识，从而可以获知所述客户端当前需要加载的是哪个页面。在所述服务器中，页面中展示的资源可以与页面的标识进行关联存储。这样，服务器便可以基于提取出的目标页面的标识，从数据库中获取到该目标页面的标识相关联的资源。在本实施方式中，在所述目标页面中展示的资源可以包括主题标识和详情信息。其中，主题标识可以是所述目标页面的介绍信息。例如，所述目标页面展示的是电影评分，那么所述主题标识便可以是“电影评分”。所述主题标识可以显示于顶部视图中。所述详情信息可以是所述目标页面中展示的具体内容。例如，所述详情信息可以是各个电影的简介以及相应的评分。在本实施方式中，服务器在获取到所述目标页面的主题标识和详情信息后，便可以向客户端反馈所述主题标识和详情信息。客户端便可以接收所述服务器反馈的所述目标页面的主题标识以及所述目标页面中的详情信息。S5：展示所述目标页面的主列表，本文档来自技高网...

【技术保护点】
一种页面展示方法，其特征在于，所述方法包括：向服务器发送指向目标页面的资源获取请求；接收所述服务器反馈的所述目标页面的主题标识以及所述目标页面中的详情信息；展示所述目标页面的主列表，所述主列表中包括多个子列表；其中，所述多个子列表中包括用于展示所述主题标识的第一子列表以及用于展示所述详情信息的第二子列表；当所述主列表滚动时，所述第一子列表和所述第二子列表与所述主列表保持同步滚动。

【技术特征摘要】
1.一种页面展示方法，其特征在于，所述方法包括：向服务器发送指向目标页面的资源获取请求；接收所述服务器反馈的所述目标页面的主题标识以及所述目标页面中的详情信息；展示所述目标页面的主列表，所述主列表中包括多个子列表；其中，所述多个子列表中包括用于展示所述主题标识的第一子列表以及用于展示所述详情信息的第二子列表；当所述主列表滚动时，所述第一子列表和所述第二子列表与所述主列表保持同步滚动。2.根据权利要求1所述的方法，其特征在于，所述多个子列表中还包括用于展示底部视图的第三子列表，其中，当所述主列表滚动时，所述第一子列表、所述第二子列表以及所述第三子列表与所述主列表保持同步滚动。3.根据权利要求1或2所述的方法，其特征在于，所述方法还包括：确定所述主列表滚动后对应的主列表内容偏移量，并基于所述主列表内容偏移量，确定在当前界面中展示的目标子列表；根据所述主列表内容偏移量，设置所述目标子列表对应的子列表内容偏移量，以使得所述目标子列表展示与所述子列表内容偏移量相适配的内容。4.根据权利要求1或2所述的方法，其特征在于，所述主列表的子列表中包括多个展示控件，所述展示控件用于填充待展示的内容；相应地，所述方法还包括：在所述主列表滚动时，若存在从当前界面中移出的展示控件，将所述移出的展示控件加入控件池；其中，所述展示控件具备控件标识；当在所述主列表中需要展示新的内容时，从所述控件池中通过读取目标展示控件的控件标识，以获取所述目标展示控件，并在当前页面中通过所述目标展示控件展示所述新的内容。5.根据权利要求1或2所述的方法，其特征在于，所述主列表中包括至少两个第二子列表，其中，所述至少两个第二子列表的排列方向与所述主列表的滚动方向相垂直；相应地，所述方法还包括：在当前第二子列表跟随所述主列表滚动时，保持其它第二子列表中展示的内容不变，并使得其它第二子列表的子列表内容偏移量与所述当前第二子列表的子列表内容偏移量保持一致。6.根据权利要求5所述的方法，其特征在于，其它第二子列表具备自身的初始子列表内容偏移量；相应地，所述方法还包括：在从所述当前第二子列表切换至所述目标第二子列表时，在当前界面中展示所述目标第二子列表中的内容，并将所述目标第二子列表的子列表内容偏移量重置为所述目标第二子列表对应的初始子列表内容偏移量。7.根据权利要求6所述的方法，其特征在于，所述方法还包括：调整所述主列表的主列表内容偏移量，以使得调整后的主列表内容偏移量与所述目标第二子列表的初始子列表内容偏移量相匹配。8.根据权利要求5所述的方法，其特征在于，在所述主列表中还包括与所述至少两个第二子列表相关联的选择控件；其中，所述选择控件的数量与所述第二子列表的数量一致；相应地，所述方法还包括：当从第一选择控件切换至第二选择控件时，在所述主列表中展示的第二子列表由与所述第一选择控件相关联的第二子列表切...

【专利技术属性】
技术研发人员：黄嘉宏，
申请(专利权)人：优酷网络技术北京有限公司，
类型：发明
国别省市：北京,11