[發明專利]頁面主題控制方法、系統和計算機設備

在審

• 申請號: 202010466301.9
• 申請日: 2020-05-28
• 公開（公告）號: CN111666123A
• 公開（公告）日: 2020-09-15
• 發明（設計）人: 婁保建
• 申請（專利權）人: 平安醫療健康管理股份有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京英特普羅知識產權代理有限公司 11015
• 代理人: 王勇

本發明涉及區塊鏈技術，提供了一種頁面主題控制方法，方法包括：接收用戶針對目標頁面的換膚指令；通過預先配置的Javascript文件獲取所述目標頁面的當前主題對應的當前CSS文件；將所述當前CSS文件的當前CSS值替換為當前關鍵詞；根據所述換膚指令確定目標主題顏色，并根據所述目標主題顏色生成與目標主題顏色對應的其他屬性信息；將所述其他屬性信息與所述當前關鍵詞進行替換操作，以得到目標CSS文件；及將所述目標CSS文件添加到所述目標頁面中，以將所述目標頁面更新為與目標主題顏色對應的目標皮膚。其中，相關信息可存儲于區塊鏈節點中。本發明實現目標頁面皮膚的更新，降低了加載成本、減少了換膚加載時間，提高了換膚效率。

技術領域

本發明涉及人工智能的網頁開發領域，尤其涉及一種頁面主題控制方法、系統、計算機設備及計算機可讀存儲介質。

背景技術

在網頁開發的過程當中，為了使網頁的界面更加符合人們的審美習慣和需求，一般會配置多套界面皮膚，以供用戶更換。目前網頁界面皮膚的更換通常是通過class命名空間的方式或者預先配置多套CSS主題皮膚的方式來更換頁面皮膚，但是這樣隨著目前網頁界面皮膚的增多，而使得手動編寫的CSS增多；很顯然這種方式十分笨拙，且拓展性并不高，另外，這種換膚方式會使得加載的成本變高，當網頁界面皮膚較多時，切換網頁界面皮膚的時候下載需要花費的時間增加，皮膚更換效率低。

因此，如何在網頁界面皮膚較多時，降低換膚的加載成本和所需時間，從而進一步提高換膚的效率，成為了當前要解決的技術問題之一。

發明內容

有鑒于此，有必要提供一種頁面主題控制方法、系統、計算機設備及計算機可讀存儲介質，以解決當前換膚方式會使得加載的成本變高，當網頁界面皮膚較多時，切換網頁界面皮膚的時候下載需要花費的時間增加，皮膚更換效率低的技術問題。

為實現上述目的，本發明實施例提供了一種頁面主題控制方法，所述方法步驟包括：

接收用戶針對目標頁面的換膚指令；

通過預先配置的Javascript文件獲取所述目標頁面的當前主題對應的當前CSS文件；

將所述當前CSS文件的當前CSS值替換為當前關鍵詞；

根據所述換膚指令確定目標主題顏色，并根據所述目標主題顏色生成與目標主題顏色對應的其他屬性信息，所述其他屬性信息包括顏色樣式信息、字體樣式信息和間距樣式信息，其中，所述目標主題顏色對應的其他屬性信息為預先配置的；

將所述其他屬性信息與所述當前關鍵詞進行替換操作，以得到目標CSS文件；及

將所述目標CSS文件添加到所述目標頁面中，以將所述目標頁面更新為與目標主題顏色對應的目標皮膚。

示例性的，所述通過預先配置的Javascript文件獲取所述目標頁面的當前主題對應的當前CSS文件，包括：

通過所述Javascript文件獲取所述目標頁面的HTML文件；

遍歷所述HTML文件中的各個元素節點，以確定所述HTML文件中的當前style標簽；及

根據所述當前style標簽確定所述當前CSS文件。

示例性的，所述將所述當前CSS文件的當前CSS值替換為當前關鍵詞，包括：

根據CSS值與關鍵詞之間預先配置的映射關系，將所述當前CSS文件的當前CSS值替換為當前關鍵詞。

示例性的，還包括：預先配置當前CSS與關鍵詞之間的映射關系：

預先獲取多個CSS值；

對所述多個CSS值進行分類和命名，根據所述分類和命名結果配置關鍵詞，所述關鍵詞用于匹配對應的CSS值；