一种页面跳转控制方法和装置制造方法及图纸

技术编号:31010472 阅读:13 留言:0更新日期:2021-11-30 00:07
本发明专利技术公开了页面跳转控制方法和装置,涉及计算机技术领域。该方法的一具体实施方式包括获取跳转页面的标识,以在预设的页面数据结构表中查找是否存在包括所述标识的节点;若是则识别当前页面和跳转页面的种类,基于相应的跳转模型执行跳转;若否则创建新页面,进而将该新页面信息写入到所述的页面数据结构表中。从而,本发明专利技术的实施方式能够解决现有页面跳转效率低,且对不同种类的页面跳转不易处理的问题。题。题。

【技术实现步骤摘要】
一种页面跳转控制方法和装置


[0001]本专利技术涉及计算机
,尤其涉及一种页面跳转控制方法和装置。

技术介绍

[0002]在移动端组件化不断成为趋势的过程中,涌现出越来越多的路由管理方案,比如在iOS端市面上比较常见的JLRouter(iOS端路由组件),类似于定义某种协议,按照一定的规则进行匹配,从而进行相应的跳转。
[0003]在实现本专利技术过程中,专利技术人发现现有技术中至少存在如下问题:
[0004]但是,就目前的现有技术来说,虽然可以满足大部分的业务场景,但效率极低。同时,对于跨端页面处理中,比如React Native(开源的跨平台移动应用开发框架,支持iOS和Android两大平台)页面和原生页面之间跳转,如何进行相应的跳转并未明确。并且,在页面跳转过程中,如何进行相应的回跳也并不能快速实现,如果回跳的是一个React Native页面,那该如何找到该React Native页面并进行跳转也是不易处理。

技术实现思路

[0005]有鉴于此,本专利技术实施例提供一种页面跳转控制方法和装置,能够解决现有页面跳转效率低,且对不同种类的页面跳转不易处理的问题。
[0006]为实现上述目的,根据本专利技术实施例的一个方面,提供了一种页面跳转控制方法,包括获取跳转页面的标识,以在预设的页面数据结构表中查找是否存在包括所述标识的节点;若是则识别当前页面和跳转页面的种类,基于相应的跳转模型执行跳转;若否则创建新页面,进而将该新页面信息写入到所述的页面数据结构表中。/>[0007]可选地,识别当前页面和跳转页面的种类,基于相应的跳转模型执行跳转,包括:
[0008]识别当前页面和跳转页面都为原生页面,则根据跳转页面标识在页面数据结构表中提取跳转页面的信息,进而在当前页面的页面堆栈中查找到该信息进行跳转。
[0009]可选地,识别当前页面和跳转页面的种类,基于相应的跳转模型执行跳转,包括:
[0010]识别当前页面和跳转页面都为非原生页面,则利用预设的路由管理器根据所述跳转页面标识进行跳转。
[0011]可选地,识别当前页面和跳转页面都为非原生页面之后,还包括:
[0012]根据跳转页面标识在页面数据结构表中提取承载跳转页面的原生页面标识,判断所述承载跳转页面的原生页面标识是否与承载当前页面的原生页面标识一致;
[0013]若是则利用预设的路由管理器根据所述跳转页面标识进行跳转;若否则获取承载跳转页面的原生页面信息,以基于承载当前页面的原生页面信息进行跳转,再利用预设的路由管理器根据所述跳转页面标识进行跳转。
[0014]可选地,识别当前页面和跳转页面的种类,基于相应的跳转模型执行跳转,包括:
[0015]识别当前页面为原生页面以及跳转页面为非原生页面,则根据跳转页面标识在页面数据结构表中提取跳转页面的信息,进而在当前页面的页面堆栈中查找到该信息,以跳
转至承载跳转页面的原生页面,再利用预设的路由管理器根据所述跳转页面标识进行跳转。
[0016]可选地,识别当前页面和跳转页面的种类,基于相应的跳转模型执行跳转,包括:
[0017]识别当前页面为非原生页面以及跳转页面为原生页面,则根据跳转页面标识在页面数据结构表中提取跳转页面的信息,进而基于承载当前页面的原生页面信息跳转至所述跳转页面。
[0018]可选地,还包括:
[0019]通过移除页面数据结构表中的节点,以销毁所述节点对应的页面。
[0020]另外,本专利技术还提供了一种页面跳转控制装置,包括获取模块,用于获取跳转页面的标识;处理模块,用于在预设的页面数据结构表中查找是否存在包括所述标识的节点;若是则识别当前页面和跳转页面的种类,基于相应的跳转模型执行跳转;若否则创建新页面,进而将该新页面信息写入到所述的页面数据结构表中。
[0021]上述专利技术中的一个实施例具有如下优点或有益效果:本专利技术在页面路由的基础上进行扩展,维护一个数据结构表,如果找到相关页面的标识则进行相应跳转,如果没有找到则创建一个新的页面;同时本专利技术支持跨端处理,使原生页面和非原生页面也可以快速查找和跳转。
[0022]上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
[0023]附图用于更好地理解本专利技术,不构成对本专利技术的不当限定。其中:
[0024]图1是根据本专利技术一个实施例的页面跳转控制方法的主要流程的示意图;
[0025]图2是根据本专利技术另一个实施例的页面跳转控制示意图;
[0026]图3是根据本专利技术实施例的页面跳转控制装置的主要模块的示意图;
[0027]图4是本专利技术实施例可以应用于其中的示例性系统架构图;
[0028]图5是适于用来实现本专利技术实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
[0029]以下结合附图对本专利技术的示范性实施例做出说明,其中包括本专利技术实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本专利技术的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
[0030]图1是根据本专利技术一个实施例的页面跳转控制方法的主要流程的示意图,如图1所示,所述页面跳转控制方法包括:
[0031]步骤S101,获取跳转页面的标识。
[0032]在实施例中,每个页面都设置有pageId,即标识。并且,每个标识都对应有所述页面的信息。
[0033]步骤S102,在预设的页面数据结构表中查找是否存在包括所述标识的节点,若是
则进行步骤S103,否则进行步骤S104。
[0034]在一些实施例中,本专利技术预先设置了页面数据结构表,页面数据结构表在原生端和非原生端(例如React Native端)进行共享,并且维护在原生端,在原生页面和非原生(例如React Native页面)生成和销毁时对该数据进行添加和删除。其中,原生端指的是用原生技术代码(例如OC/swift)写的逻辑实现。原生页面指的是用原生技术代码(例如OC/swift)写的页面。非原生端(例如React Native端)指的是使用非原生技术代码(例如React Native(JSX代码))写的逻辑实现。非原生页面(例如React Native页面)指的是用非原生技术代码(例如使用React Native(JSX代码))写的页面。
[0035]需要说明的是,非原生页面(例如React Native页面)最后都会转化为原生页面,比如React Native页面的组件,都会有原生组件对应,React Native代码中的JSX代码都会在运行时转回成原生的代码来进行渲染展示。
[0036]作为具体地实施例,原生节点标示原生页面相关信息,非原生节点标示非原生页面相关信息,每个页面都有个pageId,并将相应的页面信息保存到该节本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面跳转控制方法,其特征在于,包括:获取跳转页面的标识,以在预设的页面数据结构表中查找是否存在包括所述标识的节点;若是则识别当前页面和跳转页面的种类,基于相应的跳转模型执行跳转;若否则创建新页面,进而将该新页面信息写入到所述的页面数据结构表中。2.根据权利要求1所述的方法,其特征在于,识别当前页面和跳转页面的种类,基于相应的跳转模型执行跳转,包括:识别当前页面和跳转页面都为原生页面,则根据跳转页面标识在页面数据结构表中提取跳转页面的信息,进而在当前页面的页面堆栈中查找到该信息进行跳转。3.根据权利要求1所述的方法,其特征在于,识别当前页面和跳转页面的种类,基于相应的跳转模型执行跳转,包括:识别当前页面和跳转页面都为非原生页面,则利用预设的路由管理器根据所述跳转页面标识进行跳转。4.根据权利要求3所述的方法,其特征在于,识别当前页面和跳转页面都为非原生页面之后,还包括:根据跳转页面标识在页面数据结构表中提取承载跳转页面的原生页面标识,判断所述承载跳转页面的原生页面标识是否与承载当前页面的原生页面标识一致;若是则利用预设的路由管理器根据所述跳转页面标识进行跳转;若否则获取承载跳转页面的原生页面信息,以基于承载当前页面的原生页面信息进行跳转,再利用预设的路由管理器根据所述跳转页面标识进行跳转。5.根据权利要求1所述的方法,其特征在于,识别当前页面和跳转页面的种类,基于相应的跳转模型执行跳转,包括:识别当前...

【专利技术属性】
技术研发人员:黄珊
申请(专利权)人:北京京东世纪贸易有限公司
类型:发明
国别省市:

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

1