[發明專利]Web頁面的開發方法、裝置、設備及存儲介質

在審

• 申請號: 202210513782.3
• 申請日: 2022-05-11
• 公開（公告）號: CN114895906A
• 公開（公告）日: 2022-08-12
• 發明（設計）人: 葉偉
• 申請（專利權）人: 中國平安財產保險股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/958
• 代理公司: 深圳市明日今典知識產權代理事務所(普通合伙) 44343
• 代理人: 王杰輝;羅志強

1.一種Web頁面的開發方法，其特征在于，所述方法包括：

獲取頁面開發請求，所述頁面開發請求攜帶有目標字體圖標資源鏈接；

判斷預設的字體圖標更新腳本中的字體圖標資源鏈接引入結果與所述目標字體圖標資源鏈接是否相同；

若不相同，則根據所述目標字體圖標資源鏈接，對所述字體圖標資源鏈接引入結果進行替換；

運行所述字體圖標更新腳本，根據預設的字體圖標庫，對頁面開發工程包的字體圖標文件夾進行更新；

在所述頁面開發工程包中引入所述字體圖標文件夾中的樣式文件；

在所述頁面開發工程包中，基于所述字體圖標文件夾，獲取用戶輸入的目標Web頁面代碼；

根據所述字體圖標文件夾和所述目標Web頁面代碼生成目標Web頁面數據包。

2.根據權利要求1所述的Web頁面的開發方法，其特征在于，所述根據預設的字體圖標庫，對頁面開發工程包的字體圖標文件夾進行更新的步驟，包括：

判斷所述頁面開發工程包的資源文件夾中是否存在所述字體圖標文件夾；

若不存在，則在所述資源文件夾中新建文件夾作為所述字體圖標文件夾；

根據所述字體圖標資源鏈接引入結果，從所述字體圖標庫中獲取CSS資源內容；

對所述CSS資源內容進行依賴資源鏈接解析；

從所述字體圖標庫中獲取與每個所述依賴資源鏈接對應的依賴資源文件；

根據所述字體圖標文件夾的鏈接地址，對所述CSS資源內容中的遠程鏈接進行替換，得到待存儲的樣式文件；

根據各個所述依賴資源文件和所述待存儲的樣式文件，對所述字體圖標文件夾進行更新。

3.根據權利要求2所述的Web頁面的開發方法，其特征在于，所述對所述CSS資源內容進行依賴資源鏈接解析的步驟，包括：

將所述CSS資源內容進行字符串轉換，得到待解析字符串；

對所述待解析字符串進行所述依賴資源鏈接解析。

4.根據權利要求1所述的Web頁面的開發方法，其特征在于，所述在所述頁面開發工程包中，基于所述字體圖標文件夾，獲取用戶輸入的目標Web頁面代碼的步驟，包括：

在所述頁面開發工程包中，采用預設的代碼開發界面展示規則進行界面展示，得到代碼開發界面；

根據所述代碼開發界面和所述字體圖標文件夾獲取所述用戶輸入的所述目標Web頁面代碼。

5.根據權利要求4所述的Web頁面的開發方法，其特征在于，所述根據所述代碼開發界面和所述字體圖標文件夾獲取所述用戶輸入的所述目標Web頁面代碼的步驟，包括：

根據所述代碼開發界面獲取所述用戶輸入的初始Web頁面代碼；

根據所述代碼開發界面中的所述初始Web頁面代碼，獲取所述用戶輸入的字體圖標引入請求，其中，所述字體圖標引入請求攜帶有待配置元素標識；

獲取所述用戶輸入的與所述待配置元素標識對應的元素添加ClassName屬性作為待配置屬性；

基于所述字體圖標文件夾，獲取所述用戶針對所述待配置屬性輸入的目標字體圖標標識；

重復執行所述根據所述代碼開發界面中的所述初始Web頁面代碼，獲取所述用戶輸入的字體圖標引入請求的步驟，直至獲取到所述用戶輸入的打包信號；

響應所述打包信號，將所述代碼開發界面中的所述初始Web頁面代碼和各個所述目標字體圖標標識作為所述目標Web頁面代碼。

6.根據權利要求5所述的Web頁面的開發方法，其特征在于，所述將所述代碼開發界面中的所述初始Web頁面代碼和各個所述目標字體圖標標識作為所述目標Web頁面代碼的步驟，包括：

獲取所述用戶輸入的樣式修改請求，其中，所述樣式修改請求攜帶有一個或多個待修改元素標識；

在所述代碼開發界面中，基于所述字體圖標文件夾，根據每個所述待修改元素標識對應的所述ClassName屬性的所述目標字體圖標標識獲取所述用戶輸入的樣式配置結果；

將所述代碼開發界面中的所述初始Web頁面代碼、各個所述目標字體圖標標識和各個所述樣式配置結果作為所述目標Web頁面代碼。