CN117707682A - 基于模块联邦实现的vue模块加载方法、系统及介质 - Google Patents
基于模块联邦实现的vue模块加载方法、系统及介质 Download PDFInfo
- Publication number
- CN117707682A CN117707682A CN202311837668.7A CN202311837668A CN117707682A CN 117707682 A CN117707682 A CN 117707682A CN 202311837668 A CN202311837668 A CN 202311837668A CN 117707682 A CN117707682 A CN 117707682A
- Authority
- CN
- China
- Prior art keywords
- loading
- configuration
- module
- vue
- information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 177
- 230000006870 function Effects 0.000 claims abstract description 92
- 238000000034 method Methods 0.000 claims abstract description 30
- 238000012216 screening Methods 0.000 claims abstract description 10
- 238000009877 rendering Methods 0.000 claims description 22
- 230000006399 behavior Effects 0.000 claims description 10
- 230000000694 effects Effects 0.000 description 16
- 238000002955 isolation Methods 0.000 description 15
- 238000004806 packaging method and process Methods 0.000 description 14
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000003068 static effect Effects 0.000 description 3
- 230000008676 import Effects 0.000 description 2
- 230000010354 integration Effects 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000009517 secondary packaging Methods 0.000 description 2
- 230000001502 supplementing effect Effects 0.000 description 2
- 238000010276 construction Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
Classifications
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Stored Programmes (AREA)
Abstract
本申请实施例提供了一种基于模块联邦实现的vue模块加载方法、系统及介质，该方法包括：获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块；获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置；获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块；请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息；将加载信息传输至终端进行显示；通过分析vue组件的功能进行不同区块划分，不同功能的区块写入不同的组件样式，且可以动态添加导入的新模块至组件区块内，提高加载灵活性。
Description
技术领域
本申请涉及组件加载领域，具体而言，涉及一种基于模块联邦实现的vue模块加载方法、系统及介质。
背景技术
在设计开发各个前端工程时，常常会面临同一个组件，需要在各个不同的工程中重复使用的问题，如果在各个工程中都重复写一遍，每次都付出了多余的开发成本，而且开发了多套代码，后续维护时需要重复多次的修改、构建、发布,目前业界主要有3个方案来解决前端代码的复用问题。
使用npm来管理：把代码放在各个工程中，但放的是编译后的产物，源代码只保留一份；使用qiankun等微前端框架：子应用以路由的形式导出页面，主应用动态加载前端静态资源，然后通过路由的管理来操作页面；使用模块联邦：子应用以文件的形式导出模块，主应用动态加载前端静态资源，最后通过模块管理的方式引入,使用npm来管理，存在以下弊端：集成旧代码时，必须要对旧代码进行改造然后发布npm，有较大的改造成本；更新过程繁琐，需要在npm中发布新版本，然后再到主应用中升级版本；无法对构建过的代码进行热更新，每次升级npm的依赖以后，都需要重新构建部署，依赖出现了问题，增加了系统的维护成本。
使用qiankun等微前端框架，存在以下弊端：只能以路由为单位集成，必须整个页面嵌入，无法更细粒度的控制模块的集成；需要对子项目做入侵式的代码改造。直接使用模块联邦也存在以下问题：引用组件时，没有样式隔离；无法动态添加需要导入的新模块；针对上述问题，目前亟待有效的技术解决方案。
发明内容
本申请实施例的目的在于提供一种基于模块联邦实现的vue模块加载方法、系统及介质，通过分析vue组件的功能进行不同区块划分，不同功能的区块写入不同的组件样式，且可以动态添加导入的新模块至组件区块内，提高加载灵活性。
本申请实施例还提供了一种基于模块联邦实现的vue模块加载方法，包括：
获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块；
获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置；
获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块；
请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息；
将加载信息传输至终端进行显示。
可选地，在本申请实施例所述的基于模块联邦实现的vue模块加载方法中，获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块，具体包括：
获取若干个vue组件的功能信息，将不同vue组件的功能信息进行比较，得到功能相似度；
判断所述功能相似度是否大于或等于预设的相似度阈值；
若小于，则根据功能信息生成若干个不同功能的组件区块；
若大于或等于，则生成合并系数，根据合并系数将对应的vue组件区块进行合并。
可选地，在本申请实施例所述的基于模块联邦实现的vue模块加载方法中，获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置，具体包括：
获取配置参数，根据配置参数创建配置文件；
将配置文件与标准配置文件进行比较，得到配置偏差率；
判断所述配置偏差率是否大于设定的配置偏差率阈值；
若大于，则动态调整配置参数；
若小于，则通过配置文件对组件区块进行配置，得到配置结果。
可选地，在本申请实施例所述的基于模块联邦实现的vue模块加载方法中，获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块，具体包括：
获取目标组件，将目标组件与配置完成后的组件区块进行比对，得到比对结果；
判断比对结果是否成功，若比对成功，得到加载目标对应的组件区块；
若比对不成功，则生成新的加载模块，将新的加载模块添加至组件区块内。
可选地，在本申请实施例所述的基于模块联邦实现的vue模块加载方法中，请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息，具体包括：
获取联邦配置，并将联邦配置进行解析，得到加载行为信息；
根据加载行为信息预测生成加载目标；
根据加载目标匹配对应的组件区块进行模块加载，得到加载信息。
可选地，在本申请实施例所述的基于模块联邦实现的vue模块加载方法中，将加载信息传输至终端进行显示，具体包括：
获取显示信息，通过显示信息分析渲染参数；
将显示信息与设定的显示信息进行比较，得到显示偏差率；
判断所述显示偏差率是否大于或等于设定的偏差率阈值；
若大于或或等于，则生成补偿信息，根据补偿信息对渲染参数进行补偿；
若小于，则将加载信息传输至终端进行显示。
第二方面，本申请实施例提供了一种基于模块联邦实现的vue模块加载系统，该系统包括：存储器及处理器，所述存储器中包括基于模块联邦实现的vue模块加载方法的程序，所述基于模块联邦实现的vue模块加载方法的程序被所述处理器执行时实现以下步骤：
获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块；
获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置；
获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块；
请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息；
将加载信息传输至终端进行显示。
可选地，在本申请实施例所述的基于模块联邦实现的vue模块加载系统中，获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块，具体包括：
获取若干个vue组件的功能信息，将不同vue组件的功能信息进行比较，得到功能相似度；
判断所述功能相似度是否大于或等于预设的相似度阈值；
若小于，则根据功能信息生成若干个不同功能的组件区块；
若大于或等于，则生成合并系数，根据合并系数将对应的vue组件区块进行合并。
可选地，在本申请实施例所述的基于模块联邦实现的vue模块加载系统中，获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置，具体包括：
获取配置参数，根据配置参数创建配置文件；
将配置文件与标准配置文件进行比较，得到配置偏差率；
判断所述配置偏差率是否大于设定的配置偏差率阈值；
若大于，则动态调整配置参数；
若小于，则通过配置文件对组件区块进行配置，得到配置结果。
第三方面，本申请实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质中包括基于模块联邦实现的vue模块加载方法程序，所述基于模块联邦实现的vue模块加载方法程序被处理器执行时，实现如上述任一项所述的基于模块联邦实现的vue模块加载方法的步骤。
由上可知，本申请实施例提供的一种基于模块联邦实现的vue模块加载方法、系统及介质，通过获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块；获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置；获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块；请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息；将加载信息传输至终端进行显示；通过分析vue组件的功能进行不同区块划分，不同功能的区块写入不同的组件样式，且可以动态添加导入的新模块至组件区块内，提高加载灵活性。
附图说明
为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的基于模块联邦实现的vue模块加载方法的流程图；
图2为本申请实施例提供的基于模块联邦实现的vue模块加载方法的组件区块合并方法流程图；
图3为本申请实施例提供的基于模块联邦实现的vue模块加载方法的配置参数动态调整流程图。
具体实施方式
下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。
应注意到，相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
请参照图1，图1是本申请一些实施例中的一种基于模块联邦实现的vue模块加载方法的流程图。该基于模块联邦实现的vue模块加载方法用于终端设备中，该基于模块联邦实现的vue模块加载方法，包括以下步骤：
S101，获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块；
S102，获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置；
S103，获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块；
S104，请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息；
S105，将加载信息传输至终端进行显示。
需要说明的是，通过分析vue组件的功能信息进行生成不同的组件区块，不同的配置文件对不同的组件区块进行配置，提高组件的加载效果。
请参照图2，图2是本申请一些实施例中的一种基于模块联邦实现的vue模块加载方法的组件区块合并方法流程图。根据本发明实施例，获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块，具体包括：
S201，获取若干个vue组件的功能信息，将不同vue组件的功能信息进行比较，得到功能相似度；
S202，判断功能相似度是否大于或等于预设的相似度阈值；
S203，若小于，则根据功能信息生成若干个不同功能的组件区块；
S204，若大于或等于，则生成合并系数，根据合并系数将对应的vue组件区块进行合并。
需要说明的是，通过分析不同vue组件的功能相似度将组件区块进行功能划分，同时将功能相似的多个组件区块进行合并，提高组件区块的分类精度。
请参照图3，图3是本申请一些实施例中的一种基于模块联邦实现的vue模块加载方法的配置参数动态调整流程图。根据本发明实施例，获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置，具体包括：
S301，获取配置参数，根据配置参数创建配置文件；
S302，将配置文件与标准配置文件进行比较，得到配置偏差率；
S303，判断配置偏差率是否大于设定的配置偏差率阈值；
S304，若大于，则动态调整配置参数；
S305，若小于，则通过配置文件对组件区块进行配置，得到配置结果。
需要说明的是，通过分析配置文件的差异性，进行动态调整配置参数，提高组件区块的配置精度。
根据本发明实施例，获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块，具体包括：
获取目标组件，将目标组件与配置完成后的组件区块进行比对，得到比对结果；
判断比对结果是否成功，若比对成功，得到加载目标对应的组件区块；
若比对不成功，则生成新的加载模块，将新的加载模块添加至组件区块内。
需要说明的是，将目标组件与组件区块进行比对，并判断比对是否成功，若比对不成功，则生成新的加载模块，并对组件区块进行添加补充，提高加载灵活性。
根据本发明实施例，请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息，具体包括：
获取联邦配置，并将联邦配置进行解析，得到加载行为信息；
根据加载行为信息预测生成加载目标；
根据加载目标匹配对应的组件区块进行模块加载，得到加载信息。
需要说明的是，根据联邦配置的解析结果进行分析加载行为，并预测对应的加载目标，不同的加载目标进行匹配不同的模块加载，从而针对性的进行组件加载，提高加载效果。
根据本发明实施例，将加载信息传输至终端进行显示，具体包括：
获取显示信息，通过显示信息分析渲染参数；
将显示信息与设定的显示信息进行比较，得到显示偏差率；
判断显示偏差率是否大于或等于设定的偏差率阈值；
若大于或或等于，则生成补偿信息，根据补偿信息对渲染参数进行补偿；
若小于，则将加载信息传输至终端进行显示。
需要说明的是，加载信息进行显示过程中，通过分析终端显示的渲染效果，不同的渲染效果对渲染参数进行动态调整，提高显示清晰度。
根据本发明实施例，还包括：
获取组件区块，将不同功能的组件区块进行单独封装，得到封装信息；
根据封装信息将import xxx.css的全局css文件编译到style标签中进行组件隔离，得到隔离信息；
根据隔离信息判断隔离效果；
将满足隔离效果的封装信息进行保存；
将不满足隔离效果的封装信息进行调整后进行二次封装。
需要说明是，通过对组件区块进行单独封装，提高组件隔离效果，把vue的style标签中引用的全局样式文件内容全部复制到style标签内，实现样式封装。
第二方面，本申请实施例提供了一种基于模块联邦实现的vue模块加载系统，该系统包括：存储器及处理器，存储器中包括基于模块联邦实现的vue模块加载方法的程序，基于模块联邦实现的vue模块加载方法的程序被处理器执行时实现以下步骤：
获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块；
获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置；
获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块；
请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息；
将加载信息传输至终端进行显示。
需要说明的是，通过分析vue组件的功能信息进行生成不同的组件区块，不同的配置文件对不同的组件区块进行配置，提高组件的加载效果。
根据本发明实施例，获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块，具体包括：
获取若干个vue组件的功能信息，将不同vue组件的功能信息进行比较，得到功能相似度；
判断功能相似度是否大于或等于预设的相似度阈值；
若小于，则根据功能信息生成若干个不同功能的组件区块；
若大于或等于，则生成合并系数，根据合并系数将对应的vue组件区块进行合并。
需要说明的是，通过分析不同vue组件的功能相似度将组件区块进行功能划分，同时将功能相似的多个组件区块进行合并，提高组件区块的分类精度。
根据本发明实施例，获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置，具体包括：
获取配置参数，根据配置参数创建配置文件；
将配置文件与标准配置文件进行比较，得到配置偏差率；
判断配置偏差率是否大于设定的配置偏差率阈值；
若大于，则动态调整配置参数；
若小于，则通过配置文件对组件区块进行配置，得到配置结果。
需要说明的是，通过分析配置文件的差异性，进行动态调整配置参数，提高组件区块的配置精度。
根据本发明实施例，获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块，具体包括：
获取目标组件，将目标组件与配置完成后的组件区块进行比对，得到比对结果；
判断比对结果是否成功，若比对成功，得到加载目标对应的组件区块；
若比对不成功，则生成新的加载模块，将新的加载模块添加至组件区块内。
需要说明的是，将目标组件与组件区块进行比对，并判断比对是否成功，若比对不成功，则生成新的加载模块，并对组件区块进行添加补充，提高加载灵活性。
根据本发明实施例，请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息，具体包括：
获取联邦配置，并将联邦配置进行解析，得到加载行为信息；
根据加载行为信息预测生成加载目标；
根据加载目标匹配对应的组件区块进行模块加载，得到加载信息。
需要说明的是，根据联邦配置的解析结果进行分析加载行为，并预测对应的加载目标，不同的加载目标进行匹配不同的模块加载，从而针对性的进行组件加载，提高加载效果。
根据本发明实施例，将加载信息传输至终端进行显示，具体包括：
获取显示信息，通过显示信息分析渲染参数；
将显示信息与设定的显示信息进行比较，得到显示偏差率；
判断显示偏差率是否大于或等于设定的偏差率阈值；
若大于或或等于，则生成补偿信息，根据补偿信息对渲染参数进行补偿；
若小于，则将加载信息传输至终端进行显示。
需要说明的是，加载信息进行显示过程中，通过分析终端显示的渲染效果，不同的渲染效果对渲染参数进行动态调整，提高显示清晰度。
根据本发明实施例，还包括：
获取组件区块，将不同功能的组件区块进行单独封装，得到封装信息；
根据封装信息将import xxx.css的全局css文件编译到style标签中进行组件隔离，得到隔离信息；
根据隔离信息判断隔离效果；
将满足隔离效果的封装信息进行保存；
将不满足隔离效果的封装信息进行调整后进行二次封装。
需要说明是，通过对组件区块进行单独封装，提高组件隔离效果，把vue的style标签中引用的全局样式文件内容全部复制到style标签内，实现样式封装。
本发明第三方面提供了一种计算机可读存储介质，可读存储介质中包括基于模块联邦实现的vue模块加载方法程序，基于模块联邦实现的vue模块加载方法程序被处理器执行时，实现如上述任一项的基于模块联邦实现的vue模块加载方法的步骤。
本发明公开的一种基于模块联邦实现的vue模块加载方法、系统及介质，通过获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块；获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置；获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块；请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息；将加载信息传输至终端进行显示；通过分析vue组件的功能进行不同区块划分，不同功能的区块写入不同的组件样式，且可以动态添加导入的新模块至组件区块内，提高加载灵活性。
在本申请所提供的几个实施例中，应该理解到，所揭露的设备和方法，可以通过其它的方式实现。以上所描述的设备实施例仅仅是示意性的，例如，单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，如：多个单元或组件可以结合，或可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的各组成部分相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口，设备或单元的间接耦合或通信连接，可以是电性的、机械的或其它形式的。
上述作为分离部件说明的单元可以是、或也可以不是物理上分开的，作为单元显示的部件可以是、或也可以不是物理单元；既可以位于一个地方，也可以分布到多个网络单元上；可以根据实际的需要选择其中的部分或全部单元来实现本实施例方案的目的。
另外，在本发明各实施例中的各功能单元可以全部集成在一个处理单元中，也可以是各单元分别单独作为一个单元，也可以两个或两个以上单元集成在一个单元中；上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储设备、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
或者，本发明上述集成的单元如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个可读取存储介质中。基于这样的理解，本发明实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本发明各个实施例所述方法的全部或部分。而前述的存储介质包括：移动存储设备、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
Claims (10)
1.一种基于模块联邦实现的vue模块加载方法，其特征在于，包括：
获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块；
获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置；
获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块；
请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息；
将加载信息传输至终端进行显示。
2.根据权利要求1所述的基于模块联邦实现的vue模块加载方法，其特征在于，获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块，具体包括：
获取若干个vue组件的功能信息，将不同vue组件的功能信息进行比较，得到功能相似度；
判断所述功能相似度是否大于或等于预设的相似度阈值；
若小于，则根据功能信息生成若干个不同功能的组件区块；
若大于或等于，则生成合并系数，根据合并系数将对应的vue组件区块进行合并。
3.根据权利要求2所述的基于模块联邦实现的vue模块加载方法，其特征在于，获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置，具体包括：
获取配置参数，根据配置参数创建配置文件；
将配置文件与标准配置文件进行比较，得到配置偏差率；
判断所述配置偏差率是否大于设定的配置偏差率阈值；
若大于，则动态调整配置参数；
若小于，则通过配置文件对组件区块进行配置，得到配置结果。
4.根据权利要求3所述的基于模块联邦实现的vue模块加载方法，其特征在于，获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块，具体包括：
获取目标组件，将目标组件与配置完成后的组件区块进行比对，得到比对结果；
判断比对结果是否成功，若比对成功，得到加载目标对应的组件区块；
若比对不成功，则生成新的加载模块，将新的加载模块添加至组件区块内。
5.根据权利要求4所述的基于模块联邦实现的vue模块加载方法，其特征在于，请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息，具体包括：
获取联邦配置，并将联邦配置进行解析，得到加载行为信息；
根据加载行为信息预测生成加载目标；
根据加载目标匹配对应的组件区块进行模块加载，得到加载信息。
6.根据权利要求5所述的基于模块联邦实现的vue模块加载方法，其特征在于，将加载信息传输至终端进行显示，具体包括：
获取显示信息，通过显示信息分析渲染参数；
将显示信息与设定的显示信息进行比较，得到显示偏差率；
判断所述显示偏差率是否大于或等于设定的偏差率阈值；
若大于或或等于，则生成补偿信息，根据补偿信息对渲染参数进行补偿；
若小于，则将加载信息传输至终端进行显示。
7.一种基于模块联邦实现的vue模块加载系统，其特征在于，该系统包括：存储器及处理器，所述存储器中包括基于模块联邦实现的vue模块加载方法的程序，所述基于模块联邦实现的vue模块加载方法的程序被所述处理器执行时实现以下步骤：
获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块；
获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置；
获取目标组件，将目标组件与配置完成后的组件区块进行比对筛选，得到加载目标对应的组件区块；
请求联邦配置，对联邦配置进行解析，并将解析结果传输至加载目标对应的组件区块，对加载信息进行优化，得到加载信息；
将加载信息传输至终端进行显示。
8.根据权利要求7所述的基于模块联邦实现的vue模块加载系统，其特征在于，获取若干个vue组件的功能信息，根据功能信息生成若干个不同功能的组件区块，具体包括：
获取若干个vue组件的功能信息，将不同vue组件的功能信息进行比较，得到功能相似度；
判断所述功能相似度是否大于或等于预设的相似度阈值；
若小于，则根据功能信息生成若干个不同功能的组件区块；
若大于或等于，则生成合并系数，根据合并系数将对应的vue组件区块进行合并。
9.根据权利要求8所述的基于模块联邦实现的vue模块加载系统，其特征在于，获取配置参数，通过配置参数创建配置文件，通过配置文件对组件区块进行配置，具体包括：
获取配置参数，根据配置参数创建配置文件；
将配置文件与标准配置文件进行比较，得到配置偏差率；
判断所述配置偏差率是否大于设定的配置偏差率阈值；
若大于，则动态调整配置参数；
若小于，则通过配置文件对组件区块进行配置，得到配置结果。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中包括基于模块联邦实现的vue模块加载方法程序，所述基于模块联邦实现的vue模块加载方法程序被处理器执行时，实现如权利要求1至6中任一项所述的基于模块联邦实现的vue模块加载方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311837668.7A CN117707682A (zh) | 2023-12-28 | 2023-12-28 | 基于模块联邦实现的vue模块加载方法、系统及介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311837668.7A CN117707682A (zh) | 2023-12-28 | 2023-12-28 | 基于模块联邦实现的vue模块加载方法、系统及介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117707682A true CN117707682A (zh) | 2024-03-15 |
Family
ID=90158896
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311837668.7A Pending CN117707682A (zh) | 2023-12-28 | 2023-12-28 | 基于模块联邦实现的vue模块加载方法、系统及介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117707682A (zh) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090089625A1 (en) * | 2007-08-02 | 2009-04-02 | Lakshmanan Kannappan | Method and Apparatus for Multi-Domain Identity Interoperability and certification |
| CN115617420A (zh) * | 2022-11-03 | 2023-01-17 | 北京百度网讯科技有限公司 | 应用程序的生成方法、装置、设备以及存储介质 |
| CN116089301A (zh) * | 2023-02-13 | 2023-05-09 | 中国建设银行股份有限公司 | 组件共享方法、装置、电子设备和存储介质 |
| CN116880828A (zh) * | 2023-06-17 | 2023-10-13 | 上海申雪供应链管理有限公司 | 一种程序组件共享方法和装置 |
| CN117055848A (zh) * | 2023-08-22 | 2023-11-14 | 中孚安全技术有限公司 | 一种前端多模块联邦开发方法及系统 |
| CN117149301A (zh) * | 2023-08-29 | 2023-12-01 | 中国电信股份有限公司技术创新中心 | 基于mdf的微前端资源共享方法、系统和存储介质 |
| CN117149459A (zh) * | 2023-08-29 | 2023-12-01 | 北京百度网讯科技有限公司 | 微前端系统、微前端系统的构建方法、装置、电子设备 |
-
2023
- 2023-12-28 CN CN202311837668.7A patent/CN117707682A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090089625A1 (en) * | 2007-08-02 | 2009-04-02 | Lakshmanan Kannappan | Method and Apparatus for Multi-Domain Identity Interoperability and certification |
| CN115617420A (zh) * | 2022-11-03 | 2023-01-17 | 北京百度网讯科技有限公司 | 应用程序的生成方法、装置、设备以及存储介质 |
| CN116089301A (zh) * | 2023-02-13 | 2023-05-09 | 中国建设银行股份有限公司 | 组件共享方法、装置、电子设备和存储介质 |
| CN116880828A (zh) * | 2023-06-17 | 2023-10-13 | 上海申雪供应链管理有限公司 | 一种程序组件共享方法和装置 |
| CN117055848A (zh) * | 2023-08-22 | 2023-11-14 | 中孚安全技术有限公司 | 一种前端多模块联邦开发方法及系统 |
| CN117149301A (zh) * | 2023-08-29 | 2023-12-01 | 中国电信股份有限公司技术创新中心 | 基于mdf的微前端资源共享方法、系统和存储介质 |
| CN117149459A (zh) * | 2023-08-29 | 2023-12-01 | 北京百度网讯科技有限公司 | 微前端系统、微前端系统的构建方法、装置、电子设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108958714B (zh) | 业务组件式开发方法、装置、计算机设备及存储介质 | |
| CN110727954B (zh) | 数据授权脱敏自动化方法、装置及存储介质 | |
| CN110188910B (zh) | 利用机器学习模型提供在线预测服务的方法及系统 | |
| Riva et al. | Experiences with software product family evolution | |
| CN110597531B (zh) | 分布式的模块升级方法、装置及存储介质 | |
| CN105049287A (zh) | 日志处理方法及装置 | |
| CN113127347B (zh) | 一种接口测试方法、装置、设备及可读存储介质 | |
| Schulze et al. | Aligning coevolving artifacts between software product lines and products | |
| CN111352846A (zh) | 测试系统的造数方法、装置、设备及存储介质 | |
| CN110888885A (zh) | 轨迹数据处理方法、装置、服务器及可读存储介质 | |
| CN113205130B (zh) | 一种数据审核方法、装置、电子设备及存储介质 | |
| CN107256167B (zh) | 应用于应用系统迁移的升级控制方法及升级控制设备 | |
| CN105511914A (zh) | 应用更新方法、装置和系统 | |
| CN117707682A (zh) | 基于模块联邦实现的vue模块加载方法、系统及介质 | |
| AU2018201304A1 (en) | A model management system | |
| CN108958763B (zh) | 应用程序崩溃的处理方法、装置、电子设备及服务器 | |
| CN111078473A (zh) | 一种测试项目复制方法及装置 | |
| CN115826997A (zh) | 版本发布方法、装置、电子设备和存储介质 | |
| CN114064678A (zh) | 事件数据处理方法、装置及终端设备 | |
| CN113836130A (zh) | 数据质量评估方法、装置、设备及存储介质 | |
| CN109298831B (zh) | 信息存储方法和装置 | |
| CN113032647A (zh) | 数据分析系统 | |
| CN111221787A (zh) | 一种文件处理方法及装置 | |
| CN117290047B (zh) | 穿戴产品上的gui显示加速控制方法、系统和存储介质 | |
| CN113360368B (zh) | 一种软件性能测试的方法和装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |