本申请涉及前端开发领域,具体而言,涉及一种页面的生成方法、装置及处理器。
背景技术:
1、目前,随着网络(web)应用程序的规模和复杂度的不断增加,网站通常由很多相对独立的功能模块组合而成,而对这些模块负责的又是相互独立的多个团队。这些独立的团队由于专业分工不同,会负责特定的业务领域。在此大背景下,为了帮助开发团队降低web应用程序的规模和复杂度,从而提高应用程序的可维护性和可扩展性,满足各行各业网络服务平台web端的相互融合的需求,需要产生一种前端架构模式,可以将web应用程序拆分为一组小型、可独立开发和部署的模块,每个模块可以由不同的团队开发和维护。
2、在相关技术中,微服务架构和内联(iframe)框架是当前大型互联网平台或应用所采用的主流开发技术,针对前端微服务的实现,目前已经出现了诸多技术尝试,但落实到实际应用中,各方案中所存在的缺陷仍然难以克服。比如技术复杂度,微前端需要使用一些新的技术和工具来实现模块化开发、模块间通信和集成等功能,需要开发团队具备一定的技术实力和经验,给团队增加额外开销。其次,传统的iframe框架融合方案也存在诸多问题,比如路由状态丢失,刷新浏览器或者浏览器前进/后退后,iframe的统一资源定位符(uniform resource locator,简称为url)状态就丢失了;文档对象模型(dom)割裂严重,子项目的弹窗只能在iframe内部展示,遮罩层无法全局覆盖;白屏时间太长,每次切换页面时iframe嵌入的子项目都会重新加载整个项目,用户体验极差,因此,仍存在无法有效生成页面的技术问题。
3、针对上述无法有效生成页面的技术问题,目前尚未提出有效的解决方案。
技术实现思路
1、本申请实施例提供了一种页面的生成方法、装置及处理器,以至少解决无法有效生成页面的技术问题。
2、根据本申请实施例的一个方面,提供了一种页面的生成方法。该方法可以包括:在待生成的页面中的全量菜单中,确定页面的主系统的标识信息和子系统的标识信息;在主系统对应的定位标识中,添加子系统的标识信息,得到主系统的目标定位标识;响应对页面的目标触控操作,对主系统对应的文件地址进行调整,得到调整结果,且基于调整结果,对目标定位标识进行调整,其中,目标触控操作用于触控子系统的标识信息,以使目标定位标识发生变化;响应于对目标定位标识调整完成,生成子系统对应的页面。
3、可选地,在待生成的页面中的全量菜单中,确定页面的主系统的标识信息和子系统的标识信息之前,该方法还包括:将主系统和子系统部署在同一域名下;获取待生成的页面中的全量菜单,以及页面对应的路由信息,其中,全量菜单中至少包括标识信息,路由信息至少包括标识信息对应的定位标识,以及主系统和子系统分别对应的文件地址;获取待生成的页面中的全量菜单,以及页面对应的路由信息,包括:对在页面上的操作进行检测,得到检测结果;响应于检测结果为触发登录页面的操作,获取全量菜单;在主系统中对全量菜单进行遍历,生成路由信息。
4、可选地,在主系统对应的定位标识中,添加子系统的标识信息,得到主系统的目标定位标识,包括:在主系统的定位标识中的文件对象模型节点位置上,添加主系统包含的子系统的标识信息,得到添加后的目标定位标识。
5、可选地,响应对页面的目标触控操作,对主系统对应的文件地址进行调整,得到调整结果,包括:响应于检测到对页面进行触控,监测目标定位标识;响应于检测到目标定位标识发生变化,且发生的变化来自触控子系统,对文件地址进行调整,得到调整结果。
6、可选地,该方法还包括:为子系统定义全局变量,其中,全局变量包括第一全局变量和第二全局变量,第一全局变量用于表示对子系统进行融合部署,第二全局变量用于表示对子系统进行独立部署;响应于子系统为第一全局变量,当子系统融合部署时,隐藏子系统的菜单;响应于子系统为第一全局变量,对子系统的布局样式进行调整。
7、可选地,该方法还包括:为主系统添加目标文件对象模型节点,其中,目标文件对象模型节点用于覆盖主系统的目标区域;基于目标文件对象模型节点,为页面创建或隐藏遮罩图。
8、可选地,基于目标文件对象模型节点,为页面创建或隐藏遮罩图,包括:响应于检测到对子系统的子系统弹窗进行操作,控制子系统向主系统发送第一提示信息;基于第一提示信息,控制主系统触发目标文件对象模型节点,在目标区域创建或隐藏遮罩图。
9、可选地,该方法还包括:对页面的目标对象的身份标识进行监测,得到监测结果;响应于监测结果用于表示身份标识失效,向主系统发送第二提示信息;基于第二提示信息,将页面跳转至登录页面。
10、根据本申请实施例的另一方面,还提供了一种页面的生成装置。该装置可以包括:确定单元,用于在待生成的页面中的全量菜单中,确定页面的主系统的标识信息和子系统的标识信息;添加单元,用于在主系统对应的定位标识中,添加子系统的标识信息,得到主系统的目标定位标识;处理单元,用于响应对页面的目标触控操作,对主系统对应的文件地址进行调整,得到调整结果,且基于调整结果,对目标定位标识进行调整,其中,目标触控操作用于触控子系统的标识信息,以使目标定位标识发生变化;生成单元,用于响应于对目标定位标识调整完成,生成子系统对应的页面。
11、根据本申请实施例的再一方面,还提供了一种非易失性存储介质,非易失性存储介质包括存储的程序,其中,在程序运行时控制非易失性存储介质所在设备执行以上的页面的生成方法。
12、根据本申请实施例的再一方面,还提供了一种处理器,处理器用于运行存储在存储器中的程序,其中,程序运行时执行以上的页面的生成方法。
13、在本申请实施例中,可以在获取到页面的全量菜单中,确定出页面的主系统以及子系统分别对应的标识信息。可以在主系统的定位标识中,添加子系统的标识信息,得到添加后的主系统的目标定位标识。当对页面执行相应的操作,可以检测是否是对页面中子系统的标识信息进行触控的目标触控操作,则可以对主系统所对应的文件地址进行调整,并可以基于调整结果,对主系统的目标定位标识进行调准调整,在目标定位标识调整完成之后,可以显示出目标触控操作所电机的子系统所对应的页面。由于考虑到不仅需要对页面的各个系统进行独立,还在一定程度上考虑到系统之间的融合情况,比如,通过在主系统对应的定位标识中来添加子系统的标识信息,这样可以保证在子系统切换时无需重新加载其所对应的子组件,避免了子系统与主系统独立时,每次切换会重新加载的问题,从而解决了无法有效生成页面的技术问题,实现了可以有效生成页面的技术效果。
1.一种页面的生成方法,其特征在于,包括:
2.根据权利要求1所述的方法,其特征在于,在待生成的页面中的全量菜单中,确定所述页面的主系统的标识信息和子系统的标识信息之前,所述方法还包括:
3.根据权利要求2所述的方法,其特征在于,在所述主系统对应的定位标识中,添加所述子系统的标识信息,得到所述主系统的目标定位标识,包括:
4.根据权利要求1所述的方法,其特征在于,响应对所述页面的目标触控操作,对所述主系统对应的文件地址进行调整,得到调整结果,包括:
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
7.根据权利要求6所述的方法,其特征在于,基于所述目标文件对象模型节点,为所述页面创建或隐藏遮罩图,包括:
8.根据权利要求1至7中任意一项所述的方法,其特征在于,所述方法还包括:
9.一种页面的生成装置,其特征在于,包括:
10.一种处理器,其特征在于,所述处理器用于运行存储在存储器中的程序,其中,所述程序运行时执行权利要求1至8中任意一项所述的页面的生成方法。