基于移动端的页面展示交互方法、系统、设备和介质技术方案

本发明专利技术涉及计算机技术领域，提供一种基于移动端的页面展示交互方法、系统、设备和介质。页面展示交互方法包括：响应于出行查询请求，获得对应的目标出行类目的目标多层级页面；每种出行类目配置有多层级页面，多层级页面的层级划分与出行类目的出行预订流程的流程节点相对应；按照目标多层级页面的层级划分，在移动端层叠展示目标多层级页面；层叠展示的目标多层级页面中，每个层级展示首页面且剩余页面重合于对应的首页面下；响应于目标交互操作，联动更新层叠展示的目标多层级页面。本发明专利技术能够缩短用户操作步长，通过多层级页面展示交互，降低用户翻动切换页面的操作费力度，便于用户掌握关联页面信息，提升用户使用体验。提升用户使用体验。提升用户使用体验。

【技术实现步骤摘要】
基于移动端的页面展示交互方法、系统、设备和介质


[0001]本专利技术涉及计算机
，具体地说，涉及一种基于移动端的页面展示交互方法、系统、设备和介质。

技术介绍

[0002]目前移动端对出行产品的展示方式，主要采用主图
→
产品概要信息
→
产品详情等链式信息流方式，用户每进入一个查询节点，则展示该查询节点对应的页面，存在如下问题：
[0003]对于在预订出行产品时需要来回查看信息的用户，其在当前展示页面无法查看到上下关联页面的相关信息，只能频繁地翻动切换页面，导致用户的使用费力度高，使用体验不佳。
[0004]需要说明的是，上述
技术介绍
部分公开的信息仅用于加强对本专利技术的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现思路

[0005]有鉴于此，本专利技术提供一种基于移动端的页面展示交互方法、系统、设备和介质，能够缩短用户操作步长，通过多层级页面展示交互，降低用户翻动切换页面的操作费力度，便于用户掌握关联页面信息，提升用户使用体验。
[0006]根据本专利技术的一个方面，提供一种基于移动端的页面展示交互方法，包括：响应于出行查询请求，获得所述出行查询请求对应的目标出行类目的目标多层级页面；其中，每种出行类目配置有多层级页面，每种所述出行类目的多层级页面的层级划分与所述出行类目的出行预订流程的流程节点相对应；按照所述目标多层级页面的层级划分，在移动端层叠展示所述目标多层级页面；其中，每组多层级页面的每个层级包含至少一个页面，层叠展示的所述目标多层级页面中，每个层级仅展示首页面且剩余页面重合于对应的首页面下；以及，响应于目标交互操作，联动更新层叠展示的所述目标多层级页面。
[0007]在一些实施例中，每种所述出行类目的多层级页面均隶属于一包含有各种所述出行类目的根页面；当在所述根页面触发一种出行类目或输入出行条件，生成所述出行查询请求。
[0008]在一些实施例中，所述响应于目标交互操作，联动更新层叠展示的所述目标多层级页面，包括：响应于对层叠展示的所述目标多层级页面中的一当前页面的触发操作，将所述当前页面全屏展示于所述移动端的主体区域；以及，根据所述目标多层级页面的层级划分，确定所述当前页面的父级页面和/或子级页面，将所述当前页面的父级页面缩略展示于所述移动端的顶部区域，将所述当前页面的子级页面缩略展示于所述移动端的底部区域。
[0009]在一些实施例中，所述响应于目标交互操作，联动更新层叠展示的所述目标多层级页面，还包括：响应于所述主体区域的单向横滑操作，在所述主体区域切换展示与所述当前页面同层级的页面，并根据所述主体区域当前展示的页面的父级页面和/或子级页面，对
应更新所述顶部区域和/或所述底部区域的页面信息；其中，每种所述出行类目的多层级页面中，同层级的多个页面隶属于相同或不同的父级页面；响应于所述主体区域的单向纵滑操作，在所述主体区域切换展示所述当前页面的父级页面或子级页面，并根据所述主体区域当前展示的页面的父级页面和/或子级页面，对应更新所述顶部区域和/或所述底部区域的页面信息。
[0010]在一些实施例中，所述响应于目标交互操作，联动更新层叠展示的所述目标多层级页面，还包括：响应于所述主体区域的两侧向中心的双向横滑操作，在所述主体区域横向展示与所述当前页面同层级的所有页面；所述所有页面中，隶属不同的父级页面的页面集以横向并列卡包的方式进行展示，且同一横向卡包中的页面以横向层叠卡片的方式进行展示；以及，响应于对一卡片的选择操作，以所选卡片对应的页面为所述当前页面，联动更新层叠展示的所述目标多层级页面。
[0011]在一些实施例中，所述响应于目标交互操作，联动更新层叠展示的所述目标多层级页面，还包括：响应于所述顶部区域和所述底部区域向所述主体区域的双向纵滑操作，在所述移动端纵向展示所述目标多层级页面的所有页面；所述所有页面中，属于不同层级的页面组以纵向并列卡包的方式进行展示、同一纵向卡包中隶属不同的父级页面的页面集以横向并列卡包的方式进行展示，且同一横向卡包中的页面以横向层叠卡片的方式进行展示；以及，响应于对一卡片的选择操作，以所选卡片对应的页面为所述当前页面，联动更新层叠展示的所述目标多层级页面。
[0012]在一些实施例中，每种所述出行类目的多层级页面中，同层级的多个页面具有初始的页面排序；所述响应于目标交互操作，联动更新层叠展示的所述目标多层级页面，还包括：根据所述主体区域当前展示的页面，实时更新所述当前展示的页面所在层级的页面排序。
[0013]根据本专利技术的一个方面，提供一种基于移动端的页面展示交互系统，包括：查询响应模块，用于响应于出行查询请求，获得所述出行查询请求对应的目标出行类目的目标多层级页面；其中，每种出行类目配置有多层级页面，每种所述出行类目的多层级页面的层级划分与所述出行类目的出行预订流程的流程节点相对应；层级展示模块，用于按照所述目标多层级页面的层级划分，在移动端层叠展示所述目标多层级页面；其中，每组多层级页面的每个层级包含至少一个页面，层叠展示的所述目标多层级页面中，每个层级仅展示首页面且剩余页面重合于对应的首页面下；以及交互响应模块，用于响应于目标交互操作，联动更新层叠展示的所述目标多层级页面。
[0014]根据本专利技术的一个方面，提供一种电子设备，包括：一处理器；一存储器，所述存储器中存储有可执行指令；其中，所述可执行指令被所述处理器执行时，实现如上述任意实施例所述的基于移动端的页面展示交互方法。
[0015]根据本专利技术的一个方面，提供一种计算机可读的存储介质，用于存储程序，所述程序被处理器执行时实现如上述任意实施例所述的基于移动端的页面展示交互方法。
[0016]本专利技术与现有技术相比的有益效果至少包括：
[0017]本专利技术的基于移动端的页面展示交互方案，能够缩短用户操作步长，通过多层级页面展示交互，降低用户翻动切换页面的操作费力度，便于用户掌握关联页面信息，提升用户使用体验。
[0018]应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本专利技术。
附图说明
[0019]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并与说明书一起用于解释本专利技术的原理。显而易见地，下面描述的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0020]图1示出本专利技术一实施例中基于移动端的页面展示交互方法的步骤示意图；
[0021]图2示出本专利技术一实施例中目标多层级页面的层叠展示的示意图；
[0022]图3示出本专利技术一实施例中目标多层级页面的联动更新后的示意图；
[0023]图4示出本专利技术一实施例中横向展示目标多层级页面的同一层级下所有页面的示意图；
[0024]图5示出本专利技术一实施例中纵向展示目标多层级页面的所有页面的示意图；
[0025]图6示本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于移动端的页面展示交互方法，其特征在于，包括：响应于出行查询请求，获得所述出行查询请求对应的目标出行类目的目标多层级页面；其中，每种出行类目配置有多层级页面，每种所述出行类目的多层级页面的层级划分与所述出行类目的出行预订流程的流程节点相对应；按照所述目标多层级页面的层级划分，在移动端层叠展示所述目标多层级页面；其中，每组多层级页面的每个层级包含至少一个页面，层叠展示的所述目标多层级页面中，每个层级仅展示首页面且剩余页面重合于对应的首页面下；以及响应于目标交互操作，联动更新层叠展示的所述目标多层级页面。2.如权利要求1所述的页面展示交互方法，其特征在于，每种所述出行类目的多层级页面均隶属于一包含有各种所述出行类目的根页面；当在所述根页面触发一种出行类目或输入出行条件，生成所述出行查询请求。3.如权利要求1所述的页面展示交互方法，其特征在于，所述响应于目标交互操作，联动更新层叠展示的所述目标多层级页面，包括：响应于对层叠展示的所述目标多层级页面中的一当前页面的触发操作，将所述当前页面全屏展示于所述移动端的主体区域；以及根据所述目标多层级页面的层级划分，确定所述当前页面的父级页面和/或子级页面，将所述当前页面的父级页面缩略展示于所述移动端的顶部区域，将所述当前页面的子级页面缩略展示于所述移动端的底部区域。4.如权利要求3所述的页面展示交互方法，其特征在于，所述响应于目标交互操作，联动更新层叠展示的所述目标多层级页面，还包括：响应于所述主体区域的单向横滑操作，在所述主体区域切换展示与所述当前页面同层级的页面，并根据所述主体区域当前展示的页面的父级页面和/或子级页面，对应更新所述顶部区域和/或所述底部区域的页面信息；其中，每种所述出行类目的多层级页面中，同层级的多个页面隶属于相同或不同的父级页面；响应于所述主体区域的单向纵滑操作，在所述主体区域切换展示所述当前页面的父级页面或子级页面，并根据所述主体区域当前展示的页面的父级页面和/或子级页面，对应更新所述顶部区域和/或所述底部区域的页面信息。5.如权利要求3所述的页面展示交互方法，其特征在于，所述响应于目标交互操作，联动更新层叠展示的所述目标多层级页面，还包括：响应于所述主体区域的两侧向中心的双向横滑操作，在所述主体区域横向展示与所述当前页面同层级的所有页面；所述所有页面中，隶属不同的父级页面的页面集以横向并...

【专利技术属性】
技术研发人员：邢亚云，周臻诣，
申请(专利权)人：携程旅游网络技术上海有限公司，
类型：发明
国别省市：