移动端页面的展示方法、系统、电子设备和介质技术方案

技术编号:25308115 阅读:23 留言:0更新日期:2020-08-18 22:27
本发明专利技术公开了一种移动端页面的展示方法、系统、电子设备和介质,其中,移动端页面的展示方法,包括以下步骤:预先对移动端中应用程序的用户页面进行分栏处理,以获取组合结果分栏和至少两个选择分栏;获取每个选择分栏上的触控操作,根据触控操作对选择分栏中展示的产品进行选择并获取选择结果;采用组合结果分栏对每个选择分栏的选择结果进行汇总展示。本发明专利技术利用移动端页面分栏处理,并且选择分栏或组合结果分栏均可以伸展和收缩,引导用户选择组合产品,灵活显示各产品单元的组合情况,减少了用户在各个产品单元的独立页面间反复跳转的时间,提升了用户在移动端设备进行各产品单元的组合选择时的效率,提高了用户体验。

【技术实现步骤摘要】
移动端页面的展示方法、系统、电子设备和介质
本专利技术属于页面展示
,尤其涉及一种移动端页面的展示方法、系统、电子设备和介质。
技术介绍
目前,移动端应用都会普遍存在组合选择的需求(如选择往返机票、缺口程机票、机票酒店组合产品等)。为了引导用户完成组合选择,将产品单元拆分为独立页面呈现,且选择流程为严格的线性流程。在真实的应用场景中,用户在选择组合产品时常常需要在各个产品单元的独立页面间反复跳转,其原因常见为:需在比对多个产品、忘记已选项详情等。严格的线性流程让用户选择拘束、操作费力,更难以提前预览各产品单元的组合情况,导致用户体验差从而造成用户流失。
技术实现思路
本专利技术要解决的技术问题是为了克服现有技术中存在用户在选择组合产品时常常需要在各个产品单元的独立页面间反复跳转,严格的线性流程让用户选择拘束、操作费力,更难以提前预览各产品单元的组合情况,导致用户体验差从而造成用户流失的缺陷,提供一种移动端页面的展示方法、系统、电子设备和介质。本专利技术是通过下述技术方案来解决上述技术问题:本专利技术提供一种移动端页面的展示方法,包括以下步骤:预先对移动端中应用程序的用户页面进行分栏处理,以获取组合结果分栏和至少两个选择分栏;其中,每个选择分栏用于选择单个产品,组合结果分栏用于汇总展示每个选择分栏中选择的产品信息;获取每个选择分栏上的触控操作,根据触控操作对选择分栏中展示的产品进行选择并获取选择结果;采用组合结果分栏对每个选择分栏的选择结果进行汇总展示。较佳地,预先对移动端中应用程序的用户页面进行分栏处理,以获取组合结果分栏和至少两个选择分栏的步骤包括:采用SplitView分屏技术预先对移动端中应用程序的用户页面进行分栏处理,以获取组合结果分栏和至少两个选择分栏。较佳地,选择分栏或组合结果分栏均可以伸展和收缩;其中,对选择分栏或组合结果分栏进行触控操作时,选择分栏或组合结果分栏由伸展状态切换至收缩状态,或由收缩状态切换至伸展状态。较佳地,用户页面包括第一触控部分和第二触控部分;其中,第一触控部分对应多个选择分栏,多个选择分栏按照第一设定方式排布;第二触控部分对应组合结果分栏,组合结果分栏按照第二设定方式排布。较佳地,当第一触控部分中页面包括两个选择分栏,以及第二触控部分中包括一个组合结果分栏时,第一触控部分和第二触控部分在用户页面内上下排布;其中,第一触控部分中的两个选择分栏分别左右排布;所述组合结果分栏排布在所述第二触控部分中的设定位置处。本专利技术还提供一种移动端页面的展示系统,包括预先分栏处理模块、触控操作获取模块、选择结果获取模块和汇总展示模块;预先分栏处理模块用于预先对移动端中应用程序的用户页面进行分栏处理,以获取组合结果分栏和至少两个选择分栏;其中,每个选择分栏用于选择单个产品,组合结果分栏用于汇总展示每个选择分栏中选择的产品信息;触控操作获取模块用于获取每个选择分栏上的触控操作;选择结果获取模块用于根据触控操作对选择分栏中展示的产品进行选择并获取选择结果;汇总展示模块用于采用组合结果分栏对每个选择分栏的选择结果进行汇总展示。较佳地,预先分栏处理模块采用SplitView分屏技术预先对移动端中应用程序的用户页面进行分栏处理,以获取组合结果分栏和至少两个选择分栏。较佳地,选择分栏或组合结果分栏均可以伸展和收缩;其中,对选择分栏或组合结果分栏进行触控操作时,选择分栏或组合结果分栏由伸展状态切换至收缩状态,或由收缩状态切换至伸展状态。较佳地,用户页面包括第一触控部分和第二触控部分;其中,第一触控部分对应多个选择分栏,多个选择分栏按照第一设定方式排布;第二触控部分对应组合结果分栏,组合结果分栏按照第二设定方式排布。较佳地,当第一触控部分中页面包括两个选择分栏,以及第二触控部分中包括一个组合结果分栏时,第一触控部分和第二触控部分在用户页面内上下排布;其中,第一触控部分中的两个选择分栏分别左右排布;所述组合结果分栏排布在所述第二触控部分中的设定位置处。本专利技术还提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现前述的移动端页面的展示方法。本专利技术还提供一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现前述的移动端页面的展示方法的步骤。本专利技术的积极进步效果在于:通过对移动端页面进行分栏处理得到选择分栏或组合结果分栏,通过选择分栏引导用户选择组合产品,通过组合结果分栏灵活显示各产品单元的组合情况,即在同一用户页面上同时展示选择分栏或组合结果分栏,从而减少了用户在各个产品单元的独立页面间反复跳转的时间,提升了用户在移动端设备进行各产品单元的组合选择时的效率,提高了用户体验;选择分栏或组合结果分栏均可以伸展和收缩,从而进一步地提升展示效果,提高了用户体验。附图说明图1为本专利技术的实施例1的移动端页面的展示方法的流程图。图2为本专利技术的实施例2的移动端页面的展示方法的用户页面的示意图。图3为本专利技术的实施例2的移动端页面的展示方法的选择分栏的状态切换前的示意图。图4为本专利技术的实施例2的移动端页面的展示方法的选择分栏的状态切换后的示意图。图5为本专利技术的实施例2的移动端页面的展示方法的组合结果分栏的状态切换前的示意图。图6为本专利技术的实施例2的移动端页面的展示方法的组合结果分栏的状态切换后的示意图。图7为本专利技术的实施例2的移动端页面的展示方法的转化按钮的示例。图8为本专利技术的实施例2的移动端页面的展示方法的展开按钮的示例。图9为本专利技术的实施例3的移动端页面的展示系统的模块示意图。图10为本专利技术的实施例5的电子设备的结构示意图。具体实施方式下面通过实施例的方式进一步说明本专利技术,但并不因此将本专利技术限制在所述的实施例范围之中。实施例1本实施例提供一种移动端页面的展示方法。参照图1,该移动端页面的展示方法包括以下步骤:步骤S11、预先对移动端中应用程序的用户页面进行分栏处理,以获取组合结果分栏和至少两个选择分栏;其中,每个选择分栏用于选择单个产品,组合结果分栏用于汇总展示每个选择分栏中选择的产品信息;选择分栏或组合结果分栏均可以伸展和收缩;其中,对选择分栏或组合结果分栏进行触控操作时,选择分栏或组合结果分栏由伸展状态切换至收缩状态,或由收缩状态切换至伸展状态。步骤S12、获取每个选择分栏上的触控操作,根据触控操作对选择分栏中展示的产品进行选择并获取选择结果;步骤S13、采用组合结果分栏对每个选择分栏的选择结果进行汇总展示。本实施例提供的移动端页面的展示方法,通过对移动端页面进行分栏处理得到选择分栏或组合结果分栏,通过选择分栏本文档来自技高网...

【技术保护点】
1.一种移动端页面的展示方法,其特征在于,包括以下步骤:/n预先对移动端中应用程序的用户页面进行分栏处理,以获取组合结果分栏和至少两个选择分栏;/n其中,每个所述选择分栏用于选择单个产品,所述组合结果分栏用于汇总展示每个所述选择分栏中选择的产品信息;/n获取每个所述选择分栏上的触控操作,根据所述触控操作对所述选择分栏中展示的产品进行选择并获取选择结果;/n采用所述组合结果分栏对每个所述选择分栏的所述选择结果进行汇总展示。/n

【技术特征摘要】
1.一种移动端页面的展示方法,其特征在于,包括以下步骤:
预先对移动端中应用程序的用户页面进行分栏处理,以获取组合结果分栏和至少两个选择分栏;
其中,每个所述选择分栏用于选择单个产品,所述组合结果分栏用于汇总展示每个所述选择分栏中选择的产品信息;
获取每个所述选择分栏上的触控操作,根据所述触控操作对所述选择分栏中展示的产品进行选择并获取选择结果;
采用所述组合结果分栏对每个所述选择分栏的所述选择结果进行汇总展示。


2.如权利要求1所述的移动端页面的展示方法,其特征在于,所述预先对移动端中应用程序的用户页面进行分栏处理,以获取组合结果分栏和至少两个选择分栏的步骤包括:
采用SplitView分屏技术预先对移动端中应用程序的用户页面进行分栏处理,以获取组合结果分栏和至少两个选择分栏。


3.如权利要求1所述的移动端页面的展示方法,其特征在于,所述选择分栏或所述组合结果分栏均可以伸展和收缩;
其中,对所述选择分栏或所述组合结果分栏进行触控操作时,所述选择分栏或所述组合结果分栏由伸展状态切换至收缩状态,或由收缩状态切换至伸展状态。


4.如权利要求1至3中任意一项所述的移动端页面的展示方法,其特征在于,所述用户页面包括第一触控部分和第二触控部分;
其中,所述第一触控部分对应多个所述选择分栏,多个所述选择分栏按照第一设定方式排布;
所述第二触控部分对应所述组合结果分栏,所述组合结果分栏按照第二设定方式排布。


5.如权利要求4所述的移动端页面的展示方法,其特征在于,当所述第一触控部分中包括两个所述选择分栏,以及所述第二触控部分中包括一个所述组合结果分栏时,所述第一触控部分和所述第二触控部分在所述用户页面内上下排布;
其中,所述第一触控部分中的两个所述选择分栏分别左右排布;
所述组合结果分栏排布在所述第二触控部分中的设定位置处。


6.一种移动端页面的展示系统,其特征在于,包括预先分栏处理模块、触控操作获取模块、选择结果获取模块和汇总展示模块;
所述预先分栏处理模块用于预先对移动端中应用程序的用户页面进行分栏处理,以获取组合结果分栏和至少两...

【专利技术属性】
技术研发人员:任博陈国光
申请(专利权)人:携程旅游网络技术上海有限公司
类型:发明
国别省市:上海;31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1