应用页面的跳转方法、装置、存储介质及计算机程序产品与流程

文档序号:40437619发布日期:2024-12-24 15:11阅读:5来源:国知局
应用页面的跳转方法、装置、存储介质及计算机程序产品与流程

本申请涉及计算机,具体涉及一种应用页面的跳转方法、装置、存储介质及计算机程序产品。


背景技术:

1、在网络应用系统中,相比使用原生技术,基于跨平台应用框架开发用户端在很大程度上降低了开发成本,其中uni-app(前端应用开发)框架在行业内具有很广泛的应用度。在业务模块繁多的移动端app中,嵌入的业务功能模块一般采用h5应用页面来实现,各个h5应用可由不同的业务团队开发完成,应业务场景需要,h5应用页面之间存在很多相互跳转和数据交互的场景。

2、在基于uni-app框架开发的移动端app基座和h5业务应用中,app基座使用框架内置web-view组件加载h5应用页面,h5应用页面可与app基座基于内置sdk进行数据共享。而在h5应用之间相互跳转,传统有两种方法。方法1:h5应用a可使用内置的web-view组件(在h5中web-view实质为一个iframe标签节点)加载打开h5应用b页面,应用b页面使用框架内置sdk返回应用a页面,但不支持应用a和应用b页面间的数据存储共享,从基础能力上阻断了应用a与应用b之间的数据交互,同时,使用这种方式打开的应用b页面将失去与移动端app基座之间的数据存储共享能力,使得应用b读取不到app基座提供的公共基础数据。方法2:h5应用a将location.href赋值为应用b的页面url,触发当前web-view容器销毁应用a页面并加载应用b的页面,应用b返回应用a也使用同样的方式,这种方式页面之间可以利用框架内置sdk实现数据存储共享,但页面跳转后,应用a的页面数据、状态不能自然保持,如果返回后需要恢复页面状态,需要应用a跳转页面前自主将页面数据、状态信息存储本地,返回后再自主恢复,另外要实现应用a和应用b的数据交互,各个应用间得约定数据传递机制、编写额外的数据交互逻辑。因此,亟须一种可以简化各个应用页面跳转流程,同时能够自动维持页面的数据、状态且各页面之间的数据共享的页面跳转方法。


技术实现思路

1、本申请实施例的目的是提供一种应用页面的跳转方法、装置、存储介质及计算机程序产品,用以解决现有技术中前端应用开发框架中的应用页面跳转时无法自动维持页面的数据和状态且各页面之间的数据无法共享的技术缺陷。

2、为了实现上述目的,本申请第一方面提供一种应用页面的跳转方法,应用基于前端应用开发框架开发,前端应用开发框架包括移动端应用基座以及网络视图组件,跳转方法包括:

3、在基于移动端应用基座接收到页面打开指令的情况下,基于网络视图组件的第一实例加载第一业务应用;

4、在第一业务应用的第一应用页面加载完毕的情况下,接入预设可插入页面数据,并将桥接模式对象挂载至第一业务应用的页面容器上,其中,桥接模式对象包括页面跳转函数以及页面返回函数;

5、在接收到页面跳转指令的情况下,基于页面跳转函数运行网络视图组件,以基于网络视图组件的第二实例加载第二业务应用,并将第一业务应用的第一参数数据传输至第二业务应用,其中,第一参数数据包括第一应用页面的业务数据;

6、在第二业务应用的第二应用页面加载完毕的情况下,接入预设可插入页面数据,并将桥接模式对象挂载至第二业务应用的页面容器上;

7、在接收到页面返回指令的情况下,基于页面返回函数关闭第二应用并运行网络视图组件的第一实例,以基于网络视图组件的第一实例激活第一业务应用并恢复第一页面,并将第二应用针对业务数据的处理结果传输至第一业务应用。

8、在本申请的实施例中,第一业务的第一参数数据还包括第二业务应用的页面资源地址以及返回数据回调函数。

9、在本申请的实施例中,前端应用开发框架还包括应用开发工具模块,页面跳转方法还包括:在基于网络视图组件的第二实例加载第二业务应用的情况下,通过页面跳转函数调用第一预设密钥,以基于第一预设密钥将第一参数数据存储至应用开发工具模块,以允许第一参数数据可供多个业务应用共享并调用。

10、在本申请的实施例中,桥接模式对象还包括参数调用函数,页面跳转方法还包括:在第二业务应用的第二应用页面加载完毕的情况下,基于参数调用函数调用第一预设密钥,以基于第一预设密钥读取第一应用页面的业务数据。

11、在本申请的实施例中,页面跳转方法还包括:在接收到页面返回指令的情况下,接收第二业务应用传输的针对业务数据的处理结果,并将处理结果传输至页面返回函数,以使网络视图组件在激活第一业务应用之后,通过页面返回函数将第二应用针对业务数据的处理结果传输至第一业务应用。

12、在本申请的实施例中,前端应用开发框架还包括应用开发工具模块,页面跳转方法还包括:在基于网络视图组件的第一实例激活第一业务应用的情况下,通过页面返回函数调用第二预设密钥,以基于第二预设密钥将第二业务应用针对业务数据的处理结果存储至应用开发工具模块,以允许该处理结果可供多个业务应用共享并调用。

13、在本申请的实施例中,在基于网络视图组件的第一实例加载第一业务应用的情况下,执行预设可插入页面数据,以调用第二预设密钥,以基于第二预设密钥读取应用开发工具模块中的共享数据。

14、本申请第二方面提供一种应用页面的跳转装置,包括:

15、存储器,被配置成存储指令;

16、处理器,被配置成从所述存储器调用所述指令以及在执行所述指令时能够实现上述的应用页面的跳转方法。

17、本申请第三方面提供一种机器可读存储介质,该机器可读存储介质上存储有指令,该指令在被处理器执行时使得所述处理器被配置成执行上述的应用页面的跳转方法。

18、本申请第四方面提供一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现上述的应用页面的跳转方法。

19、上述技术方案,通过在基于移动端应用基座接收到页面打开指令的情况下,基于网络视图组件的第一实例加载第一业务应用;在第一业务应用的第一应用页面加载完毕的情况下,接入预设可插入页面数据,并将桥接模式对象挂载至第一业务应用的页面容器上,其中,桥接模式对象包括页面跳转函数以及页面返回函数;在接收到页面跳转指令的情况下,基于页面跳转函数运行网络视图组件,以基于网络视图组件的第二实例加载第二业务应用,并将第一业务应用的第一参数数据传输至第二业务应用,其中,第一参数数据包括第一应用页面的业务数据;在第二业务应用的第二应用页面加载完毕的情况下,接入预设可插入页面数据,并将桥接模式对象挂载至第二业务应用的页面容器上;在接收到页面返回指令的情况下,基于页面返回函数关闭第二应用并运行网络视图组件的第一实例,以基于网络视图组件的第一实例激活第一业务应用并恢复第一页面,并将第二应用针对业务数据的处理结果传输至第一业务应用。从而实现了简化各个应用页面跳转流程时,不仅能够自动维持页面的数据、状态且各页面之间的数据共享。

20、本申请实施例的其他特征和优点将在随后的具体实施方式部分予以详细说明。



技术特征:

1.一种应用页面的跳转方法,其特征在于,所述应用基于前端应用开发框架开发,所述前端应用开发框架包括移动端应用基座以及网络视图组件,所述跳转方法包括:

2.根据权利要求1所述的应用页面的跳转方法,其特征在于,所述第一业务的第一参数数据还包括所述第二业务应用的页面资源地址以及返回数据回调函数。

3.根据权利要求1所述的应用页面的跳转方法,其特征在于,所述前端应用开发框架还包括应用开发工具模块,所述页面跳转方法还包括:

4.根据权利要求1所述的应用页面的跳转方法,其特征在于,所述桥接模式对象还包括参数调用函数,所述页面跳转方法还包括:

5.根据权利要求1所述的应用页面的跳转方法,其特征在于,所述页面跳转方法还包括:

6.根据权利要求5所述的应用页面的跳转方法,其特征在于,所述前端应用开发框架还包括应用开发工具模块,所述页面跳转方法还包括:

7.根据权利要求1所述的应用页面的跳转方法,其特征在于,所述页面跳转方法还包括:

8.一种应用页面的跳转装置,其特征在于,包括:

9.一种机器可读存储介质,该机器可读存储介质上存储有指令,其特征在于,该指令在被处理器执行时使得所述处理器被配置成执行根据权利要求1至7中任一项所述的应用页面的跳转方法。

10.一种计算机程序产品,其特征在于,包括计算机程序,该计算机程序被处理器执行时实现如权利要求1至7中任一项所述的应用页面的跳转方法。


技术总结
本申请实施例涉及计算机技术领域,提供一种应用页面的跳转方法、装置、存储介质及计算机程序产品。包括:基于网络视图组件的第一实例加载完毕第一业务应用的情况下,接入预设可插入页面数据,将桥接模式对象挂载至第一业务应用的页面容器;接收页面跳转指令以基于页面跳转函数运行第二实例以加载第二业务应用,将第一业务应用的第一参数数据传输至第二业务应用;在第二应用页面加载后,接入预设可插入页面数据,将桥接模式对象挂载至第二业务应用的页面容器;基于参数调用函数读取第一应用页面的业务数据;接收页面返回指令以基于页面返回函数运行第一实例以激活第一业务应用并恢复第一应用页面,并将第二业务应用的处理结果传输至第一业务应用。

技术研发人员:刘纯,柳永政,谢朝辉,殷子民,周密
受保护的技术使用者:中科云谷科技有限公司
技术研发日:
技术公布日:2024/12/23
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1