掌桥专利:专业的专利平台
掌桥专利
首页

一种页面处理的方法、装置、存储介质及电子设备

文献发布时间:2024-04-18 20:01:30


一种页面处理的方法、装置、存储介质及电子设备

技术领域

本申请涉及页面设计技术领域,具体而言,涉及一种页面处理的方法、装置、存储介质及电子设备。

背景技术

随着小程序和公众号的不断发展,页面间的流转问题逐渐变的复杂。

目前,某些终端使用的是小程序+内嵌H5的形式来进行开发的,该种方式开发的好处是一套代码可以兼容多端,但是对于主H5开发页面来说,内嵌到小程序的方式可能会造成页面跳转单一,整个流程容易被截断,无法满足用户的跳转需求,且实用性和扩展性较差。

因此,如何提供一种有效且实用性较高的页面处理的方法的技术方案成为亟需解决的技术问题。

发明内容

本申请的一些实施例的目的在于提供一种页面处理的方法、装置、存储介质及电子设备,通过本申请的实施例的技术方案可以保证页面操作流程的完整性,满足用户的操作需求,实用性和扩展性较好。

第一方面,本申请的一些实施例提供了一种页面处理的方法,包括:响应于用户的操作指令,进入中间页面,其中,所述操作指令携带有操作类型和业务参数;获取与所述操作类型对应的预设值,并通过所述预设值判定所述用户是否为首次进入,得到判断结果;根据所述判断结果,进入目标页面。

本申请的一些实施例通过设计有中间页面,用户进入中间页面后可以获取操作类型对应的预设值,通过预设值判断用户是否为首次进入,进而根据判断结果确定用户进入的目标页面。本申请实施例将中间页面作为中转页面,通过判断是否为首次进入确定进入的目标页面,可以满足用户对操作类型的需求,还可以保证页面操作流程的完整性,满足用户的操作需求,实用性和扩展性较好。

在一些实施例,所述操作类型与待执行操作存在映射关系,所述待执行操作对应的页面包括:原生操作页面、设定操作页面、页面首页和固定页面中的至少一种。

本申请的一些实施例的操作类型与用户的待执行操作存在映射关系,待执行操作的页面可以有多种类型,可以实现页面的有效跳转并满足用户的多种需求,实用性较好。

在一些实施例,所述通过所述预设值判定所述用户是否为首次进入,得到判断结果,包括:若所述预设值为空值,则确认所述判断结果为首次进入;所述根据所述判断结果,进入目标页面,包括:将所述预设值标记为第一目标值,并进入与所述操作类型对应的原生操作页面,其中,所述原生操作页面为所述目标页面。

本申请的一些实施例通过预设值确定用户为首次进入时可以进入与操作类型对应的原生操作页面,在固定跳转的同时也不会破坏整个页面操作流程,满足了用户需求。

在一些实施例,所述通过所述预设值判定所述用户是否为首次进入,得到判断结果,包括:若所述预设值不为空值,则确认所述判断结果为非首次进入;所述根据所述判断结果,进入目标页面,包括:将所述预设值标记为第二目标值,并进入与所述操作类型对应的所述目标页面,其中,所述目标页面为设定操作页面、页面首页或固定页面。

本申请的一些实施例通过预设值确定用户为非首次进入时可以进入与操作类型对应的目标页面,可以满足用户的多种需求。

在一些实施例,在所述进入与所述操作类型对应的所述目标页面之后,所述方法还包括:响应于所述用户的返回操作指令,确认所述预设值为所述第二目标值时,跳转至所述页面首页或所述固定页面。

本申请的一些实施例响应用户的返回操作指令后,通过确定预设值的取值跳转至页面首页或固定页面,可以实现用户的回退操作,能够走完整个流程而不阻断用户操作。

第二方面,本申请的一些实施例提供了一种页面处理的装置,包括:响应模块,用于响应于用户的操作指令,进入中间页面,其中,所述操作指令携带有操作类型和业务参数;判定模块,用于获取与所述操作类型对应的预设值,并通过所述预设值判定所述用户是否为首次进入,得到判断结果;跳转模块,用于根据所述判断结果,进入目标页面。

在一些实施例,所述操作类型与待执行操作存在映射关系,所述待执行操作对应的页面包括:原生操作页面、设定操作页面、页面首页和固定页面中的至少一种。

在一些实施例,所述判定模块用于:若所述预设值为空值,则确认所述判断结果为首次进入;所述跳转模块用于:将所述预设值标记为第一目标值,并进入与所述操作类型对应的原生操作页面,其中,所述原生操作页面为所述目标页面。

在一些实施例,所述判定模块用于:若所述预设值不为空值,则确认所述判断结果为非首次进入;所述跳转模块用于:将所述预设值标记为第二目标值,并进入与所述操作类型对应的所述目标页面,其中,所述目标页面为设定操作页面、页面首页或固定页面。

第三方面,本申请的一些实施例提供一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时可实现如第一方面任一实施例所述的方法。

第四方面,本申请的一些实施例提供一种电子设备,包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,其中,所述处理器执行所述程序时可实现如第一方面任一实施例所述的方法。

第五方面,本申请的一些实施例提供一种计算机程序产品,所述的计算机程序产品包括计算机程序,其中,所述的计算机程序被处理器执行时可实现如第一方面任一实施例所述的方法。

附图说明

为了更清楚地说明本申请的一些实施例的技术方案,下面将对本申请的一些实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。

图1为本申请的一些实施例提供的一种页面处理的系统图;

图2为本申请的一些实施例提供的页面处理的方法流程图之一;

图3为本申请的一些实施例提供的页面处理的方法流程图之二;

图4为本申请的一些实施例提供的一种页面处理的装置组成框图;

图5为本申请的一些实施例提供的一种电子设备示意图。

具体实施方式

下面将结合本申请的一些实施例中的附图,对本申请的一些实施例中的技术方案进行描述。

应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。同时,在本申请的描述中,术语“第一”、“第二”等仅用于区分描述,而不能理解为指示或暗示相对重要性。

相关技术中,页面跳转流程开发过程中,在使用一些比较节省开发能力的框架或者技术时,避免不了会出现一些框架附带的功能不匹配或者不支持的问题。比如,申请人发现在某项目中就遇到了支付问题。由于该项目患者端使用的是小程序+内嵌H5形式来开发的,此类开发好处就是一套代码可以多端兼容,但是对于主H5开发的页面来说内嵌到小程序webview的方式中存在一些问题:首先是支付问题,当内嵌H5去走小程序的支付时,将不会调起公众号或者小程序支付,因为微信支付做了不同的调用区分。如果做了固定跳转,H5(命名为A页面)去跳转到原生支付页面(原生的,不是H5形式),然后再由原生支付页面进入支付成功页面(这里还是H5),或者订单详情页面(命名为B页面),则当B页面想返回到前边的页面,将无法回退回去,很明显,该操作流程对用户并不友好。然后是若从第三方页面,或者分享页面跳转到小程序内部页面时(比如推送的消息附带小程序内H5支付链接),只能是进入到分享页面而不能进行回退操作(因为进入的首页就是分享页面映射的页面,当前分享所进入的页面即是整个小程序的第一个页面,第一个页面是没有历史页面的,也就无法返回到上一个页面,并且小程序不支持此功能,因此用户也没法返回到首页)。最后是扩展,当前不仅是只有小程序内嵌一种形式,或者还有app内嵌形式,其他不同端的接入方式,这时如果把区分不同端的代码放到业务代码中,无疑是增加了业务负担。

由上述相关技术可知,现有技术中的页面跳转过程中存在跳转限制,无法满足用户的页面操作需求,且扩展性较差。

鉴于此,本申请的一些实施例提供了一种页面处理的方法,该方法通过将设计的中间页面作为中转页面。用户在进入中间页面后,操作指令携带有下一步操作的操作类型和业务参数。然后通过判断操作类型对应的预设值可以确认用户是否为首次进入。最后根据判断结果可以确认用户进入的目标页面。其中,目标页面的类型可以有多种。本申请的一些实施例通过中间页面可以实现用户的多种操作需求,解决了页面跳转过程中存在跳转限制的问题,满足了用户的页面操作需求,且中间页面下可以开发针对不同页面操作对应的操作流程,扩展性较好。

下面结合附图1示例性阐述本申请的一些实施例提供的页面处理的系统的整体组成结构。

如图1所示,本申请的一些实施例提供了一种页面处理的系统图,该页面处理的系统包括:终端200。用户100可以在终端200上通过点击链接的操作指令进入中间页面。之后终端200获取操作指令携带的下一步的操作类型和业务参数,查找操作类型对应的预设值。通过对预设值进行判定用户100是否为首次进入得到判断结果。最后通过判断结果确定用户100要进入的目标页面,并进入到目标页面显示给用户100,以便于用户100执行对应的操作。

在本申请的一些实施例中,终端200可以为移动终端,也可以为非便携的电脑终端,本申请实施例在此不作具体限定。

下面结合附图2示例性阐述本申请的一些实施例提供的由终端200执行的页面处理的实现过程。

请参见附图2,图2为本申请的一些实施例提供的一种页面处理的方法流程图,该页面处理的方法至少包括:

S210,响应于用户的操作指令,进入中间页面,其中,所述操作指令携带有操作类型和业务参数。

例如,在本申请的一些实施例中,用户100可以在终端200上点击(作为操作指令的一个具体示例)某种链接或者其他操作(例如,双击或选中按钮的操作)进入到中间页面,其中,点击的操作指令携带有操作类型及业务相关参数(也就是业务参数)。

在本申请的一些实施例中,操作类型与待执行操作存在映射关系,所述待执行操作对应的页面包括:原生操作页面、设定操作页面、页面首页和固定页面中的至少一种。

例如,在本申请的一些实施例中,用户100在进入页面时,终端200的程序代码可以判定操作类型type来确定下一步操作方式(作为待执行操作的一个具体示例),也就是说,这里代码的操作类型type已经映射了不同的下一步内容。例如,下一步操作方式可以是支付原生操作页面、分享或分析等也用户需求相关的业务页面(如,设定操作页面、页面首页或固定页面)。应理解,针对不同的软件小程序和APP的功能不同,用户100可以实现的操作也不相同,操作类型也多种多样,本申请实施例并不局限于此。

S220,获取与所述操作类型对应的预设值,并通过所述预设值判定所述用户是否为首次进入,得到判断结果。

例如,在本申请的一些实施例中,终端200自动读取操作类型type对应的本地存储值localStorage(作为预设值的一个具体示例),通过判定localStorage的取值确认用户100是否为首次进入,得到判断结果。

S230,根据所述判断结果,进入目标页面。

例如,在本申请的一些实施例中,通过上述对localStorage的判断结果,进入对应的目标页面,以便于用户执行对应的下一步操作。

在本申请的一些实施例中,S220可以包括:若所述预设值为空值,则确认所述判断结果为首次进入。S230可以包括:将所述预设值标记为第一目标值,并进入与所述操作类型对应的原生操作页面,其中,所述原生操作页面为所述目标页面。

例如,在本申请的一些实施例中,若localStorage为null(作为空值的一个具体示例)或者为0(作为空值的一个具体示例),则表征用户100为首次进入。此时更新localStorage的值为1(作为第一目标值的一个具体示例),然后跳转至操作类型type映射的下一步原生操作方式,可能是支付也可能是其他方式。例如,以支付场景为例,小程序支付就是跳转到小程序原生支付页面(作为原生操作页面的一个具体示例);若app内部可能是调取app定位,或者蓝牙连接的其他硬件功能,此时可以跳转至定位页面或其他类型的设定操作页面。例如,下一步操作方式是分析体重,此时可以跳转至体重分析页面(作为设定操作页面的一个具体示例),并获取蓝牙连接的体重秤。另外,需要说明的是,localStorage的取值方式可以根据实际情况进行灵活设定,本申请实施例并不局限于此。

在本申请的另一些实施例中,S220可以包括:若所述预设值不为空值,则确认所述判断结果为非首次进入。S230可以包括:将所述预设值标记为第二目标值,并进入与所述操作类型对应的所述目标页面,其中,所述目标页面为设定操作页面、页面首页或固定页面。

例如,在本申请的一些实施例中,若localStorage为一个实际的数值,如1,则表征localStorage不是空值,用户100不是首次进入,此时为操作返回的功能。此时需要更新localStorage的值为2(作为第二目标值的一个具体示例),然后用户100可以进入对应的目标页面。localStorage的更新可以是以累加的方式实现,也可以是其他方式,本申请实施例在此不作具体限定。通过对localStorage的更新,可以防止用户100各种返回能够跳转到页面首页,而且还可以为了兜底用户100在进入后续业务操作时能返回到页面首页或者其他固定页面。

在本申请的一些实施例中,在S230之后,页面处理的方法还可以包括:响应于所述用户的返回操作指令,确认所述预设值为所述第二目标值时,跳转至所述页面首页或所述固定页面。

例如,在本申请的一些实施例中,在用户100返回时判断第二个localStorage值(也就是第二目标值)的取值为2,使得用户也能够进入到页面首页,以此实现用户操作可以走完整个流程而不阻断用户操作。localStorage值为2表征用户已经执行完成了下一步操作方式,并且是第二次进入目标页面了,此时用户可以在进入后续业务操作时能返回到页面首页或者其他固定页面。

下面结合附图3示例性阐述本申请的一些实施例提供的页面处理的具体过程。

请参见附图3,图3为本申请的一些实施例提供的一种页面处理的方法流程图。

下面示例性阐述上述过程。

S310,响应于用户的操作指令,进入中间页面。

S320,获取操作类型和业务参数,并获取localStorage值。

S330,通过localStorage值判定是否为首次进入,若是则执行S340,否则执行S350。

S340,将localStorage值标记为1,并进入与操作类型对应的原生操作页面。

S341,响应于用户的处理业务操作后,返回中间页面。

S350,判定是否为二次进入,若是则执行S351,若否则执行S360。

例如,二次进入时,localStorage值为1。

S351,将localStorage值累加1,并进入与操作类型对应的目标页面,以便于用户处理相关的业务操作。

S360,判定localStorage值是否为2,若是则执行S361,否则返回S330。

S361,跳转至页面首页或固定页面。

例如,当localStorage值为2时,用户相当于第三次进入中间页面,此时表征用户点击了返回操作,则返回至页面首页或固定页面。

需要说明的是,S310~S361的具体实现过程可以参照上文提供的方法实施例,为避免重复,此处适当省略详细描述。

请参考图4,图4示出了本申请的一些实施例提供的页面处理的装置的组成框图。应理解,该页面处理的装置与上述方法实施例对应,能够执行上述方法实施例涉及的各个步骤,该页面处理的装置的具体功能可以参见上文中的描述,为避免重复,此处适当省略详细描述。

图4的页面处理的装置包括至少一个能以软件或固件的形式存储于存储器中或固化在页面处理的装置中的软件功能模块,该页面处理的装置包括:响应模块410,用于响应于用户的操作指令,进入中间页面,其中,所述操作指令携带有操作类型和业务参数;判定模块420,用于获取与所述操作类型对应的预设值,并通过所述预设值判定所述用户是否为首次进入,得到判断结果;跳转模块430,用于根据所述判断结果,进入目标页面。

在本申请的一些实施例中,所述操作类型与待执行操作存在映射关系,所述待执行操作对应的页面包括:原生操作页面、设定操作页面、页面首页和固定页面中的至少一种。

在本申请的一些实施例中,判定模块420,用于若所述预设值为空值,则确认所述判断结果为首次进入;跳转模块430用于:将所述预设值标记为第一目标值,并进入与所述操作类型对应的原生操作页面,其中,所述原生操作页面为所述目标页面。

在本申请的一些实施例中,判定模块420,用于若所述预设值不为空值,则确认所述判断结果为非首次进入;跳转模块430用于:将所述预设值标记为第二目标值,并进入与所述操作类型对应的所述目标页面,其中,所述目标页面为设定操作页面、页面首页或固定页面。

在本申请的一些实施例中,在跳转模块430之后,页面处理的装置还包括:返回模块(图中未示出),用于:响应于所述用户的返回操作指令,确认所述预设值为所述第二目标值时,跳转至所述页面首页或所述固定页面。

所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的装置的具体工作过程,可以参考前述方法中的对应过程,在此不再过多赘述。

本申请的一些实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时可实现如上述实施例提供的上述方法中的任意实施例所对应方法的操作。

本申请的一些实施例还提供了一种计算机程序产品,所述的计算机程序产品包括计算机程序,其中,所述的计算机程序被处理器执行时可实现如上述实施例提供的上述方法中的任意实施例所对应方法的操作。

如图5所示,本申请的一些实施例提供一种电子设备500,该电子设备500包括:存储器510、处理器520以及存储在存储器510上并可在处理器520上运行的计算机程序,其中,处理器520通过总线530从存储器510读取程序并执行所述程序时可实现如上述任意实施例的方法。

处理器520可以处理数字信号,可以包括各种计算结构。例如复杂指令集计算机结构、结构精简指令集计算机结构或者一种实行多种指令集组合的结构。在一些示例中,处理器520可以是微处理器。

存储器510可以用于存储由处理器520执行的指令或指令执行过程中相关的数据。这些指令和/或数据可以包括代码,用于实现本申请实施例描述的一个或多个模块的一些功能或者全部功能。本公开实施例的处理器520可以用于执行存储器510中的指令以实现上述所示的方法。存储器510包括动态随机存取存储器、静态随机存取存储器、闪存、光存储器或其它本领域技术人员所熟知的存储器。

以上所述仅为本申请的实施例而已,并不用于限制本申请的保护范围,对于本领域的技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。

以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应所述以权利要求的保护范围为准。

需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

技术分类

06120116565920