页面主题控制方法、系统和计算机设备技术方案

本发明专利技术涉及区块链技术，提供了一种页面主题控制方法，方法包括：接收用户针对目标页面的换肤指令；通过预先配置的Javascript文件获取所述目标页面的当前主题对应的当前CSS文件；将所述当前CSS文件的当前CSS值替换为当前关键词；根据所述换肤指令确定目标主题颜色，并根据所述目标主题颜色生成与目标主题颜色对应的其他属性信息；将所述其他属性信息与所述当前关键词进行替换操作，以得到目标CSS文件；及将所述目标CSS文件添加到所述目标页面中，以将所述目标页面更新为与目标主题颜色对应的目标皮肤。其中，相关信息可存储于区块链节点中。本发明专利技术实现目标页面皮肤的更新，降低了加载成本、减少了换肤加载时间，提高了换肤效率。

【技术实现步骤摘要】
页面主题控制方法、系统和计算机设备
本专利技术涉及人工智能的网页开发领域，尤其涉及一种页面主题控制方法、系统、计算机设备及计算机可读存储介质。
技术介绍
在网页开发的过程当中，为了使网页的界面更加符合人们的审美习惯和需求，一般会配置多套界面皮肤，以供用户更换。目前网页界面皮肤的更换通常是通过class命名空间的方式或者预先配置多套CSS主题皮肤的方式来更换页面皮肤，但是这样随着目前网页界面皮肤的增多，而使得手动编写的CSS增多；很显然这种方式十分笨拙，且拓展性并不高，另外，这种换肤方式会使得加载的成本变高，当网页界面皮肤较多时，切换网页界面皮肤的时候下载需要花费的时间增加，皮肤更换效率低。因此，如何在网页界面皮肤较多时，降低换肤的加载成本和所需时间，从而进一步提高换肤的效率，成为了当前要解决的技术问题之一。
技术实现思路
有鉴于此，有必要提供一种页面主题控制方法、系统、计算机设备及计算机可读存储介质，以解决当前换肤方式会使得加载的成本变高，当网页界面皮肤较多时，切换网页界面皮肤的时候下载需要花费的时间增加，皮肤更换效本文档来自技高网...

【技术保护点】
1.一种页面主题控制方法，其特征在于，所述方法包括：/n接收用户针对目标页面的换肤指令；/n通过预先配置的Javascript文件获取所述目标页面的当前主题对应的当前CSS文件；/n将所述当前CSS文件的当前CSS值替换为当前关键词；/n根据所述换肤指令确定目标主题颜色，并根据所述目标主题颜色生成与目标主题颜色对应的其他属性信息，所述其他属性信息包括颜色样式信息、字体样式信息和间距样式信息，其中，所述目标主题颜色对应的其他属性信息为预先配置的；/n将所述其他属性信息与所述当前关键词进行替换操作，以得到目标CSS文件；及/n将所述目标CSS文件添加到所述目标页面中，以将所述目标页面更新为与目标主...

【技术特征摘要】
1.一种页面主题控制方法，其特征在于，所述方法包括：
接收用户针对目标页面的换肤指令；
通过预先配置的Javascript文件获取所述目标页面的当前主题对应的当前CSS文件；
将所述当前CSS文件的当前CSS值替换为当前关键词；
根据所述换肤指令确定目标主题颜色，并根据所述目标主题颜色生成与目标主题颜色对应的其他属性信息，所述其他属性信息包括颜色样式信息、字体样式信息和间距样式信息，其中，所述目标主题颜色对应的其他属性信息为预先配置的；
将所述其他属性信息与所述当前关键词进行替换操作，以得到目标CSS文件；及
将所述目标CSS文件添加到所述目标页面中，以将所述目标页面更新为与目标主题颜色对应的目标皮肤。


2.如权利要求1所述的页面主题控制方法，其特征在于，所述通过预先配置的Javascript文件获取所述目标页面的当前主题对应的当前CSS文件，包括：
通过所述Javascript文件获取所述目标页面的HTML文件；
遍历所述HTML文件中的各个元素节点，以确定所述HTML文件中的当前style标签；及
根据所述当前style标签确定所述当前CSS文件。


3.如权利要求1所述的页面主题控制方法，其特征在于，所述将所述当前CSS文件的当前CSS值替换为当前关键词，包括：
根据CSS值与关键词之间预先配置的映射关系，将所述当前CSS文件的当前CSS值替换为当前关键词。


4.如权利要求3所述的页面主题控制方法，其特征在于，还包括：预先配置当前CSS与关键词之间的映射关系：
预先获取多个CSS值；
对所述多个CSS值进行分类和命名，根据所述分类和命名结果配置关键词，所述关键词用于匹配对应的CSS值；
将所述关键词和分类和命名后的CSS值保存至主题样式库中。


5.如权利要求1所述的页面主题控制方法，其特征在于，还包括：预先配置目标主题颜色与所述其他属性信息之间的对应关系。

【专利技术属性】
技术研发人员：娄保建，
申请(专利权)人：平安医疗健康管理股份有限公司，
类型：发明
国别省市：上海;31