数据处理方法及装置制造方法及图纸

本说明书实施例提供数据处理方法及装置，应用于浏览器，所述浏览器包括一个主应用，所述主应用包括至少一个子应用，其中所述方法包括：接收页面切换请求；根据所述页面切换请求，确定目标子应用和所述目标子应用对应的目标页面路由地址；根据所述目标页面路由地址，获取目标页面信息；根据所述目标页面信息，在所述目标子应用中渲染生成目标页面。通过接收页面切换请求，确定目标子应用和目标子应用对应的目标页面路由地址，将目标页面路由地址发送至目标子应用中，触发目标子应用内部的页面路由地址进行更新实现了单个页面上主应用与子应用之间、各子应用之间页面路由地址的完全隔离，能够提高各子应用内部，页面切换操作的准确性。确性。确性。

【技术实现步骤摘要】
数据处理方法及装置


[0001]本说明书实施例涉及计算机
，特别涉及一种数据处理方法及装置。

技术介绍

[0002]微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，将一个复杂的Web应用先拆分为多个小型前端应用，各个小型前端应用可以独立运行、独立开发、独立测试、独立部署，然后再将各个小型前端应用聚合形成一个完整的应用系统提供给用户使用。
[0003]在基座模式微前端架构下，系统被拆分为一个主应用和若干个子应用，主应用能够管理和调度子应用，子应用能够提供具体的业务性功能，并且依照单一性原则，相互之间是隔离开的。在标准前端单页模式中，主应用根据各个子应用对应的不同页面路由数据，在浏览器中交替展示不同的子应用页面。
[0004]随着用户对系统功能需求的不断增长，应用系统集成的子应用数量不断增加，系统结构越来越复杂，传统的单页单例模式无法满足用户对多功能的需求。但是，在浏览器单个页面中展示多个子应用的情况下，由于单个页面的路由数据同时对应多个子应用，只要其中一个子应用页面发生切换，就会触发其他子应用也跟着进行页面切换，主应用与子应用、子应用与子应用之间的路由数据相互干扰，使得浏览器的前进、后退、刷新等功能无法正常实现，导致无法跳转到目标页面。

技术实现思路

[0005]有鉴于此，本说明书实施例提供了数据处理方法。本说明书一个或者多个实施例同时涉及数据处理装置，一种计算设备，一种计算机可读存储介质以及一种计算机程序，以解决现有技术中存在的技术缺陷。
[0006]根据本说明书实施例的第一方面，提供了一种数据处理方法，应用于浏览器，浏览器包括一个主应用，主应用包括至少一个子应用，包括：
[0007]接收页面切换请求；
[0008]根据所述页面切换请求，确定目标子应用和所述目标子应用对应的目标页面路由地址；
[0009]根据所述目标页面路由地址，获取目标页面信息；
[0010]根据所述目标页面信息，在所述目标子应用中渲染生成目标页面。
[0011]根据本说明书实施例的第二方面，提供了一种数据处理装置，应用于浏览器，浏览器包括一个主应用，主应用包括至少一个子应用，包括：
[0012]监听模块，被配置为接收页面切换请求；
[0013]管理模块，被配置为根据页面切换请求，确定目标子应用和目标子应用对应的目标页面路由地址；
[0014]获取模块，被配置为根据目标页面路由地址，获取目标页面信息；
[0015]渲染模块，被配置为根据目标页面信息，在目标子应用中渲染生成目标页面。
[0016]根据本说明书实施例的第三方面，提供了一种计算设备，包括：
[0017]存储器和处理器；
[0018]所述存储器用于存储计算机可执行指令，所述处理器用于执行所述计算机可执行指令，该计算机可执行指令被处理器执行时实现上述数据处理方法的步骤。
[0019]根据本说明书实施例的第四方面，提供了一种计算机可读存储介质，其存储有计算机可执行指令，该指令被处理器执行时实现上述数据处理方法的步骤。
[0020]本说明书一个实施例实现了一种数据处理方法，所述方法包括：接收页面切换请求；根据页面切换请求，确定目标子应用和目标子应用对应的目标页面路由地址；根据目标页面路由地址，获取目标页面信息；根据目标页面信息，在目标子应用中渲染生成目标页面。通过接收页面切换请求，根据页面切换请求确定目标子应用和目标子应用对应的目标页面路由地址，将目标页面路由地址发送至目标子应用中，触发目标子应用内部的页面路由地址进行更新，而浏览器地址栏显示的主应用路由地址不发生改变，实现了单个页面上主应用与子应用之间、各子应用之间页面路由地址的完全隔离，能够提高各子应用内部，页面前进、后退、刷新、跳转等页面切换操作的准确性。
附图说明
[0021]图1是本说明书一个实施例提供的一种目前微前端单例场景中容器子应用对应的页面路由地址示意图；
[0022]图2是本说明书一个实施例提供的一种目前微前端多例场景中模块子应用对应的页面路由地址示意图；
[0023]图3是本说明书一个实施例提供的一种数据处理方法的流程图；
[0024]图4是本说明书一个实施例提供的一种数据处理方法的处理过程流程图；
[0025]图5是本说明书一个实施例提供的一种数据处理方法对应的路由地址示意图；
[0026]图6是本说明书一个实施例提供的一种数据处理装置的结构示意图；
[0027]图7是本说明书一个实施例提供的一种计算设备的结构框图。
具体实施方式
[0028]在下面的描述中阐述了很多具体细节以便于充分理解本说明书。但是本说明书能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本说明书内涵的情况下做类似推广，因此本说明书不受下面公开的具体实施的限制。
[0029]在本说明书一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本说明书一个或多个实施例。在本说明书一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本说明书一个或多个实施例中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
[0030]应当理解，尽管在本说明书一个或多个实施例中可能采用术语第一、第二等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本说明书一个或多个实施例范围的情况下，第一也可以被称为第二，类
似地，第二也可以被称为第一。取决于语境，如在此所使用的词语“如果”可以被解释成为“在
……
时”或“当
……
时”或“响应于确定”。
[0031]首先，对本说明书一个或多个实施例涉及的名词术语进行解释。
[0032]微前端架构：微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，将一个复杂的Web应用先拆分为多个小型前端应用，各个小型前端应用可以独立运行、独立开发、独立测试、独立部署，然后再将各个小型前端应用聚合形成一个完整的应用系统提供给用户使用。
[0033]基座模式：将应用系统拆分为一个基座主应用和若干个子应用，基座主应用能够管理和调度子应用，子应用能够提供具体的业务性功能，并且依照单一性原则，相互之间是隔离开的。
[0034]路由地址：是登陆网页的页面地址，在浏览器地址栏中输入路由地址，能够跳转到相应的网页中。
[0035]微前端多例场景：在微前端基座模式中，多个子应用存在于单个页面中且都处于激活状态的场景。可以理解为，在一个主应用界面中同时打开了多个子应用页面。
[0036]HashMap(基于哈希表的Map接口的实现)：此实现提供所有可选的映射操作，通过键值对(key：value)的形式存储数据，在本说明书中，可以理解为将本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据处理方法，其特征在于，应用于浏览器，所述浏览器包括一个主应用，所述主应用包括至少一个子应用，所述方法包括：接收页面切换请求；根据所述页面切换请求，确定目标子应用和所述目标子应用对应的目标页面路由地址；根据所述目标页面路由地址，获取目标页面信息；根据所述目标页面信息，在所述目标子应用中渲染生成目标页面。2.根据权利要求1所述的数据处理方法，其特征在于，所述接收页面切换请求，包括：响应于页面切换控件被触发，获取页面切换请求，其中，所述页面切换控件配置于所述至少一个子应用对应的当前页面中。3.根据权利要求1所述的数据处理方法，其特征在于，所述根据所述页面切换请求，确定目标子应用和所述目标子应用对应的目标页面路由地址，包括：根据所述页面切换请求确定目标子应用；根据所述页面切换请求和所述目标子应用，确定所述目标子应用对应的目标页面路由地址。4.根据权利要求3所述的数据处理方法，其特征在于，所述根据所述页面切换请求确定目标子应用，包括：根据所述页面切换请求对应的页面切换控件在所述浏览器中的位置信息，确定目标子应用；或，提取所述页面切换请求中携带的目标子应用标识，根据所述目标子应用标识确定目标子应用。5.根据权利要求3所述的数据处理方法，其特征在于，所述页面切换请求包括超链接地址；相应的，根据所述页面切换请求和所述目标子应用，确定所述目标子应用对应的目标页面路由地址，包括：确定所述超链接地址为所述目标子应用对应的目标页面路由地址。6.根据权利要求3所述的数据处理方法，其特征在于，所述页面切换请求包括跳转请求；相应的，根据所述页面切换请求和所述目标子应用，确定所述目标子应用对应的目标页面路由地址，包括：根据所述跳转请求和所述目标子应用标识，在目标子应用路由表中获取目标页面路由地址。7.根据权利要求1所述的数据处理方法，其特征在于，所述根据所述目标页面路由地址，获取目标页面信息，包括：将所述目标页面路由地址发送至所述目标子应用；触发所述目标子应用根据所述目...

【专利技术属性】
技术研发人员：斯炘，周宇，范霄，
申请(专利权)人：恒生电子股份有限公司，
类型：发明
国别省市：