页面展示方法及装置制造方法及图纸

技术编号:28116515 阅读:25 留言:0更新日期:2021-04-19 11:14
本申请公开了一种页面展示方法及装置。其中,该方法包括:获取用户的操作指令;基于所述操作指令确定与所述操作指令对应的应用的目标视图路由信息,其中,所述目标视图路由信息包括所述应用对应的网络地址信息与所述应用对应的目标视图信息的映射关系;基于所述目标视图路由信息确定所述目标视图信息;展示所述目标视图信息。本申请解决了现有技术中对应用对应的视图信息的渲染需处理的步骤较多、渲染速度较慢,渲染效率较低的技术问题。渲染效率较低的技术问题。渲染效率较低的技术问题。

【技术实现步骤摘要】
页面展示方法及装置


[0001]本申请涉及计算机
,具体而言,涉及一种页面展示方法及装置。

技术介绍

[0002]目前,移动应用出现了一种趋势,用户不想装太多应用。而往往一家大型商业公司,会提供一系列的应用,然而在用户眼里他们就是一家公司,只应该有一种产品。相似的这种趋势也在桌面Web出现。聚合成为一种技术趋势,体现在前端的聚合就是微服务化架构。
[0003]前端微服务化方案有多种,目前较为流行的解决方案是single-spa。各开发者独立开发可拔插式插件,供不同客户授权使用。这种模式解决了很多问题,但也存在一些缺陷,比如:子应用组件不可复用、路由机制复杂且分散,页面中的子应用渲染要经过多个步骤等。
[0004]针对上述的问题,目前尚未提出有效的解决方案。

技术实现思路

[0005]本申请实施例提供了一种页面展示方法及装置,以至少解决现有技术中对应用对应的视图信息的渲染需处理的步骤较多、渲染速度较慢,渲染效率较低的技术问题。
[0006]根据本申请实施例的一个方面,提供了一种页面展示方法,包括:获取用户的操作指令;基于所述操作指令确定与所述操作指令对应的应用的目标视图路由信息,其中,所述目标视图路由信息包括所述应用对应的网络地址信息与所述应用对应的目标视图信息的映射关系;基于所述目标视图路由信息确定所述目标视图信息;展示所述目标视图信息。
[0007]可选地,获取用户的操作指令之前,所述方法还包括:获取对所述目标页面的访问指令,所述目标页面用于展示所述目标视图信息;基于所述访问指令向服务器发送所述目标页面对应的配置请求;接收所述服务器基于所述配置请求反馈的配置信息,所述配置信息包括以下至少之一:所述目标页面的名称信息、所述应用的目录信息、所述应用的入口信息、所述应用对应的目标视图路由信息;基于所述配置信息创建所述应用,并将所述目标视图路由信息注册于所述目标页面的路由体系中。
[0008]可选地,基于所述操作指令确定与所述操作指令对应的应用的目标视图路由信息包括:基于所述操作指令确定所述目标页面的路由信息;查找所述目标页面的路由体系中是否存在所述目标视图路由信息;根据查找结果确定所述目标视图路由信息。
[0009]可选地,根据查找结果确定所述目标视图路由信息包括:若查找结果显示所述目标页面的路由体系中存在与所述操作指令对应的待查找视图路由信息,则将所述待查找视图路由信息作为所述目标视图路由信息。
[0010]可选地,根据查找结果确定所述目标视图路由信息还包括:若查找结果显示所述目标页面的路由体系中不存在与所述操作指令对应的待查找视图路由信息,则将所述应用对应的视图路由信息注册至所述目标页面的路由体系中。
[0011]可选地,基于所述目标视图路由信息确定所述目标视图信息包括:基于所述目标视图路由信息确定所述应用对应的虚拟DOM信息;根据所述虚拟DOM信息确定所述目标视图信息。
[0012]根据本申请实施例的一个方面,提供了一种页面展示装置,包括:获取模块,用于获取用户的操作指令;第一确定模块,用于基于所述操作指令确定与所述操作指令对应的应用的目标视图路由信息,其中,所述目标视图路由信息包括所述应用对应的网络地址信息与所述应用对应的目标视图信息的映射关系;第二确定模块,用于基于所述目标视图路由信息确定所述目标视图信息;展示模块,用于展示所述目标视图信息。
[0013]根据本申请实施例的一个方面,提供了一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行上述的页面展示方法。
[0014]根据本申请实施例的一个方面,提供了一种处理器,其特征在于,所述处理器用于运行程序,其中,所述程序运行时执行上述的页面展示方法。
[0015]根据本申请实施例的一个方面,提供了一种电子设备,所述电子设备包括至少一个处理器、至少一个存储器、以及总线;其中,处理器、存储器通过总线完成相互间的通信;处理器用于调用存储器中的程序指令,以执行上述的页面展示方法。
[0016]在本申请实施例中,采用获取用户的操作指令;基于所述操作指令确定与所述操作指令对应的应用的目标视图路由信息,其中,所述目标视图路由信息包括所述应用对应的网络地址信息与所述应用对应的目标视图信息的映射关系;基于所述目标视图路由信息确定所述目标视图信息;展示所述目标视图信息的方式,通过基于用于的操作指令直接确定对应的应用的目标视图路由信息,并对目标视图信息进行展示的方式,从而实现了减少对应用的目标视图路由信息的确定步骤,提高对目标视图路由信息的确定速度,加快了对应用的视图信息的确定速度以及渲染速度的技术效果,进而解决了现有技术中对应用对应的视图信息的渲染需处理的步骤较多、渲染速度较慢,渲染效率较低的技术问题。
附图说明
[0017]此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
[0018]图1是现有技术中的一种可选的页面展示方法的流程示意图;
[0019]图2是根据本申请实施例的一种可选的页面展示方法的流程示意图;
[0020]图3是根据本申请实施例的一种可选的页面展示方法的流程示意图;
[0021]图4是根据本申请实施例的一种可选的页面展示装置的结构示意图;
[0022]图5是根据本申请实施例的一种可选的电子设备的结构示意图。
具体实施方式
[0023]为了使本
的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范
围。
[0024]需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
[0025]首先,在对本申请实施例进行描述的过程中出现的部分名词或术语适用于如下解释:
[0026]微前端:是一种类似于微服务的前端架构,将项目拆分成可独立运行、独立开发、独立部署的前端微应用,这些项目可以并行开发、共享组件。这种前端聚合模式,较适合大型应用。
[0027]虚拟DOM:一个模拟DOM树的JavaScript对象。目前主流前端框架(React、Vue)大本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面展示方法,其特征在于,包括:获取用户的操作指令;基于所述操作指令确定与所述操作指令对应的应用的目标视图路由信息,其中,所述目标视图路由信息包括所述应用对应的网络地址信息与所述应用对应的目标视图信息的映射关系;基于所述目标视图路由信息确定所述目标视图信息;展示所述目标视图信息。2.根据权利要求1所述的方法,其特征在于,获取用户的操作指令之前,所述方法还包括:获取对目标页面的访问指令,所述目标页面用于展示所述目标视图信息;基于所述访问指令向服务器发送所述目标页面对应的配置请求;接收所述服务器基于所述配置请求反馈的配置信息,所述配置信息包括以下至少之一:所述目标页面的名称信息、所述应用的目录信息、所述应用的入口信息、所述应用对应的目标视图路由信息;基于所述配置信息创建所述应用,并将所述目标视图路由信息注册于所述目标页面的路由体系中。3.根据权利要求2所述的方法,其特征在于,基于所述操作指令确定与所述操作指令对应的应用的目标视图路由信息包括:基于所述操作指令确定所述目标页面的路由信息;查找所述目标页面的路由体系中是否存在所述目标视图路由信息;根据查找结果确定所述目标视图路由信息。4.根据权利要求3所述的方法,其特征在于,根据查找结果确定所述目标视图路由信息包括:若查找结果显示所述目标页面的路由体系中存在与所述操作指令对应的待查找视图路由信息,则将所述待查找视图路由信息作为所述目标视图路由信息。5.根据权利要求4所述的方法,其特征在于...

【专利技术属性】
技术研发人员:张强
申请(专利权)人:北京国双科技有限公司
类型:发明
国别省市:

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

1