[发明专利]一种页面主题风格切换的方法、系统、装置和介质

说明书

本申请涉及一种页面主题风格切换的方法、系统、装置和介质，其中，该方法包括：根据预设业务需求确定若干主题风格；根据主题风格，对预设组件库中的原本样式进行元素覆盖得到若干样式文件，将样式文件抽离成一个主题包；通过主题包中的类名，对当前系统直接引用样式文件，通过本申请，解决了系统的页面主题定制高成本和切换类型单一的问题，实现了只需修改一个变量参数实现多种主题风格的自由切换，以满足一个系统应对多种业务场景主题需要；可以复用于多个系统，大大减少重新定制开发的成本。

技术领域

本申请涉及前端技术领域，特别是涉及一种页面主题风格切换的方法、系统、装置和介质。

背景技术

目前很多特定的部门所用的系统都有自己的主题风格，很多公司都是专门定制一个版本来满足需求，这样会耗费很大成本，也有的只是实现单系统的主题颜色切换，这样就受到一定的局限性。

目前针对相关技术中系统的页面主题定制高成本和切换类型单一的问题，尚未提出有效的解决方案。

发明内容

本申请实施例提供了一种页面主题风格切换的方法、系统、装置和介质，以至少解决相关技术中系统的页面主题定制高成本和切换类型单一的问题。

第一方面，本申请实施例提供了一种页面主题风格切换的方法，所述方法包括：

根据预设业务需求确定若干主题风格；

根据所述主题风格，对预设组件库中的原本样式进行元素覆盖得到若干样式文件，将所述样式文件抽离成一个主题包；

通过所述主题包中的类名，对当前系统直接引用所述样式文件。

在其中一些实施例中，通过所述主题包中的类名，对当前系统直接引用所述样式文件包括：

将所述主题包中的类名以路由传参的方式传入当前系统，对所述当前系统直接引用与所述类名对应的样式文件。

在其中一些实施例中，在通过所述主题包中的类名，对当前系统直接引用所述样式文件之前，所述方法包括：

设置需求变量判断当前系统所需的主题样式，根据所述主题样式确定所述主题包中对应的类名。

在其中一些实施例中，对预设组件库中的原本样式进行元素覆盖得到样式文件包括：

编写css文件对预设组件库中的原本样式进行色彩覆盖得到样式文件。

在其中一些实施例中，所述预设组件库包括ant-design组件库和element组件库。

第二方面，本申请实施例提供了一种页面主题风格切换的系统，所述系统包括页面切换设置模块和页面切换执行模块；

所述页面切换设置模块用于根据预设业务需求确定若干主题风格；根据所述主题风格，对预设组件库中的原本样式进行元素覆盖得到若干样式文件，将所述样式文件抽离成一个主题包；

所述页面切换执行模块用于通过所述主题包中的类名，对当前系统直接引用所述样式文件。

在其中一些实施例中，所述页面切换执行模块还用于将所述主题包中的类名以路由传参的方式传入当前系统，对所述当前系统直接引用与所述类名对应的样式文件。

在其中一些实施例中，所述页面切换执行模块还用于设置需求变量判断当前系统所需的主题样式，根据所述主题样式确定所述主题包中对应的类名。

第三方面，本申请实施例提供了一种电子装置，包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述第一方面所述的页面主题风格切换的方法。