微框架下的子应用样式设置方法及装置制造方法及图纸

本申请实施例提供一种微框架下的子应用样式设置方法及装置，可用于金融技术领域，方法包括获取微框架下用于实现目标应用部分功能的子应用的目标层叠样式表数据；对目标层叠样式表数据进行作用域命名处理以形成待模块化叠样式表数据；基于预设插件对待模块化叠样式表数据进行层叠样式表模块化处理以形成模块化叠样式表数据；添加模块化叠样式表数据的作用范围以形成子应用的层叠样式表文件的唯一样式。本申请能够实现对子应用的层叠样式表文件唯一样式的设置，并能够实现同一应用对应的各个子应用之间的样式安全隔离，且能够提高子应用的层叠样式表文件的样式设置过程的高效性、便捷性及可靠性，能够降低层叠样式表文件样式设置的复杂程度。件样式设置的复杂程度。件样式设置的复杂程度。

【技术实现步骤摘要】
微框架下的子应用样式设置方法及装置


[0001]本申请涉及数据处理
，特别涉及金融
，具体涉及微框架下的子应用样式设置方法及装置。

技术介绍

[0002]随着WEB开发技术的不断发展及页面性能、用户体验的不断追求，WEB开发的架构模式也由传统的多页面应用MPA逐渐演变为单页面应用SPA，随着各类如React、Vue和Angular等常见的前端开发框架的出现、以及NodeJS、Webpack等前端工程化工具的不断出现，SPA开发模式得到了快速发展并逐渐流行开来。
[0003]SPA开发模式下，随着应用规模的不断发展，单体应用在团队间开发协作困难、代码仓库维护效率低下、工程化编译构建耗时过长及应用变更部署灵活度低等问题逐渐显现。随着微服务理念的不断发展，将微服务理念应用于浏览器端的微前端架构应运而生，微前端(Micro
‑
Frontends)是一种类似于微服务的架构，将微服务的理念应用于浏览器端，即Web应用由单体应用转变为多个小型前端应用(子应用)聚合为一的应用。
[0004]但是，由于微前端架构下多本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种微框架下的子应用样式设置方法，其特征在于，包括：获取微框架下用于实现目标应用部分功能的子应用的目标层叠样式表数据；对所述目标层叠样式表数据进行作用域命名处理以形成待模块化叠样式表数据；基于预设插件，对所述待模块化叠样式表数据进行层叠样式表模块化处理以形成模块化叠样式表数据；添加所述模块化叠样式表数据的作用范围以形成所述子应用的层叠样式表文件的唯一样式。2.根据权利要求1所述的微框架下的子应用样式设置方法，其特征在于，在所述获取微框架下用于实现目标应用部分功能的子应用的目标层叠样式表数据之前，还包括：获取预设的层叠样式表转换规则配置文件和预设的工程项目对应的子应用的层叠样式表数据，其中，该层叠样式表数据包括层叠样式表文件或层叠样式表代码片段；相对应的，所述获取微框架下用于实现目标应用部分功能的子应用的目标层叠样式表数据，包括：若根据所述层叠样式表转换规则配置文件确定微框架下用于实现目标应用部分功能的子应用的层叠样式表数据为待进行作用域命名的层叠样式表数据，则将该层叠样式表数据标记为目标层叠样式表数据。3.根据权利要求2所述的微框架下的子应用样式设置方法，其特征在于，在所述基于预设插件，对所述待模块化叠样式表数据进行层叠样式表模块化处理以形成模块化叠样式表数据之前，还包括：若根据所述层叠样式表转换规则配置文件确定所述层叠样式表数据为无需进行作用域命名的层叠样式表数据，则将该层叠样式表数据直接标记为待模块化叠样式表数据。4.根据权利要求2所述的微框架下的子应用样式设置方法，其特征在于，所述对所述目标层叠样式表数据进行作用域命名处理以形成待模块化叠样式表数据，包括：获取预设的工程化参数配置文件对应的作用域命名参数；根据所述作用域命名参数对所述目标层叠样式表数据进行作用域命名处理，以在所述目标层叠样式表数据中添加有唯一的作用域命名前缀；将添加有唯一的作用域命名前缀的目标层叠样式表数据标记为待模块化叠样式表数据。5.根据权利要求1或3所述的微框架下的子应用样式设置方法，其特征在于，所述基于预设插件，对所述待模块化...

【专利技术属性】
技术研发人员：姜坤，杨丹，王立林，潘玲，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：