【技术实现步骤摘要】
本申请涉及页面主题切换，特别涉及一种页面主题切换方法、装置、电子设备及存储介质。
技术介绍
1、随着通信技术的不断发展，用户对于前端页面的使用功能有了更高的要求，因此，为提高用户的使用体验，丰富前端页面的主题元素、配置切换主题样式十分必要。
2、相关技术中，开发人员在开发页面主题切换功能时，往往需要修改大量的css文件以完成页面主题的切换，即对页面ui层的一次重新修改。
3、然而，由于css文件数量过多，开发人员在进行修改时会耗费大量时间，同时易存在修改不到位、忽略个别文件的风险问题，从而不利于页面主题的可维护性、可扩展性，亟需解决。
技术实现思路
1、本申请提供一种页面主题切换方法、装置、电子设备及存储介质，以解决相关技术中进行页面主题切换时需要修改大量文件，易导致修改不到位、忽略个别文件的风险、耗费大量时间等问题。
2、本申请第一方面实施例提供一种页面主题切换方法，包括以下步骤：
3、判断是否接收到主题切换指令；
4、若接收到所述主题切换指令，则基于所述主题切换指令，从预设的主题库确定目标主题样式，其中，所述目标主题样式包括至少一个主题值和每个主题值对应的变量名和变量值；以及
5、根据所述至少一个主题值和所述每个主题值对应的变量名和变量值对当前页面进行主题渲染，以将所述当前页面的主题样式切换至所述目标主题样式。
6、根据本申请的一个实施例，在基于所述主题切换指令，从所述预设的主题库确定所述目标主
7、确定主题样式的规范性文件；
8、基于所述规范性文件，编写多个主题样式文件，并利用预设的遍历策略，遍历所述多个主题样式文件，且将遍历的每个主题样式文件对应的变量名和变量值设置为全局变量集合；
9、基于预设的混入策略，根据全局变量集合生成所述预设的主题库。
10、根据本申请的一个实施例，所述确定所述主题样式的规范性文件，包括：
11、设定所述目标主题样式的主题值，并根据所述主题值定义所述目标主题样式的变量名和变量值；
12、根据所述目标主题样式的主题值、变量名和变量值确定所述目标主题样式的规范性文件。
13、根据本申请的一个实施例，所述根据所述至少一个主题值和所述每个主题值对应的变量名和变量值对当前页面进行主题渲染，包括：
14、建立目标编译语言文件，并确定新变量名称；
15、基于所述预设的混入策略，将所述全局变量集合引入所述目标编译语言文件；
16、基于所述新变量名称，从所述目标编译语言文件中获取对应的变量值，并根据所述获取的对应变量值进行主题渲染。
17、根据本申请实施例的页面主题切换方法，在接收到主题切换指令时，基于主题切换指令，从预设的主题库确定目标主题样式，其中，目标主题样式包括至少一个主题值和每个主题值对应的变量名和变量值，根据至少一个主题值和每个主题值对应的变量名和变量值对当前页面进行主题渲染，以将当前页面的主题样式切换至目标主题样式。由此，解决了相关技术中进行页面主题切换时需要修改大量文件，易导致修改不到位、忽略个别文件的风险、耗费大量时间等问题，通过引入scss编译语言，配置主题样式文件，从而使用户触发页面主题切换时，根据配置的主题样式达到渲染不同主题的目的。
18、本申请第二方面实施例提供一种页面主题切换装置，包括：
19、判断模块，用于判断是否接收到主题切换指令；
20、确定模块，用于若接收到所述主题切换指令，则基于所述主题切换指令，从预设的主题库确定目标主题样式，其中，所述目标主题样式包括至少一个主题值和每个主题值对应的变量名和变量值；以及
21、切换模块，用于根据所述至少一个主题值和所述每个主题值对应的变量名和变量值对当前页面进行主题渲染，以将所述当前页面的主题样式切换至所述目标主题样式。
22、根据本申请的一个实施例，在基于所述主题切换指令，从所述预设的主题库确定所述目标主题样式之前，所述确定模块，还用于：
23、确定主题样式的规范性文件；
24、基于所述规范性文件，编写多个主题样式文件，并利用预设的遍历策略，遍历所述多个主题样式文件，且将遍历的每个主题样式文件对应的变量名和变量值设置为全局变量集合；
25、基于预设的混入策略，根据全局变量集合生成所述预设的主题库。
26、根据本申请的一个实施例，所述确定模块，具体用于：
27、设定所述目标主题样式的主题值，并根据所述主题值定义所述目标主题样式的变量名和变量值；
28、根据所述目标主题样式的主题值、变量名和变量值确定所述目标主题样式的规范性文件。
29、根据本申请的一个实施例，所述切换模块，具体用于：
30、建立目标编译语言文件，并确定新变量名称；
31、基于所述预设的混入策略，将所述全局变量集合引入所述目标编译语言文件；
32、基于所述新变量名称，从所述目标编译语言文件中获取对应的变量值，并根据所述获取的对应变量值进行主题渲染。
33、根据本申请实施例的页面主题切换装置，在接收到主题切换指令时，基于主题切换指令，从预设的主题库确定目标主题样式，其中，目标主题样式包括至少一个主题值和每个主题值对应的变量名和变量值，根据至少一个主题值和每个主题值对应的变量名和变量值对当前页面进行主题渲染，以将当前页面的主题样式切换至目标主题样式。由此，解决了相关技术中进行页面主题切换时需要修改大量文件，易导致修改不到位、忽略个别文件的风险、耗费大量时间等问题，通过引入scss编译语言，配置主题样式文件，从而使用户触发页面主题切换时，根据配置的主题样式达到渲染不同主题的目的。
34、本申请第三方面实施例提供一种电子设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述程序，以实现如上述实施例所述的页面主题切换方法。
35、本申请第四方面实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储计算机指令，所述计算机指令用于使所述计算机执行如上述实施例所述的页面主题切换方法。
36、本申请附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本申请的实践了解到。
本文档来自技高网...【技术保护点】
1.一种页面主题切换方法，其特征在于，包括以下步骤：
2.根据权利要求1所述的方法，其特征在于，在基于所述主题切换指令，从所述预设的主题库确定所述目标主题样式之前，还包括：
3.根据权利要求2所述的方法，其特征在于，所述确定所述主题样式的规范性文件，包括：
4.根据权利要求1所述的方法，其特征在于，所述根据所述至少一个主题值和所述每个主题值对应的变量名和变量值对当前页面进行主题渲染，包括：
5.一种页面主题切换装置，其特征在于，包括：
6.根据权利要求5所述的装置，其特征在于，在基于所述主题切换指令，从所述预设的主题库确定所述目标主题样式之前，所述确定模块，还用于：
7.根据权利要求6所述的装置，其特征在于，所述确定模块，具体用于：
8.根据权利要求5所述的装置，其特征在于，所述切换模块，具体用于：
9.一种电子设备，其特征在于，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述程序，以实现如权利要求1-4任一项所述的页面主题切换方法。>
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行，以用于实现如权利要求1-4任一项所述的页面主题切换方法。
...【技术特征摘要】
1.一种页面主题切换方法，其特征在于，包括以下步骤：
2.根据权利要求1所述的方法，其特征在于，在基于所述主题切换指令，从所述预设的主题库确定所述目标主题样式之前，还包括：
3.根据权利要求2所述的方法，其特征在于，所述确定所述主题样式的规范性文件，包括：
4.根据权利要求1所述的方法，其特征在于，所述根据所述至少一个主题值和所述每个主题值对应的变量名和变量值对当前页面进行主题渲染，包括：
5.一种页面主题切换装置，其特征在于，包括：
6.根据权利要求5所述的装置，其特征在于，在基于所述主题切换指令，从所述...
【专利技术属性】
技术研发人员：陈磊，
申请(专利权)人：芜湖雄狮汽车科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。