[發(fā)明專利]一種layui框架封裝的兼容方法、系統(tǒng)、設(shè)備及存儲介質(zhì)

在審

• 申請?zhí)枺?/td>: 202210679337.4
• 申請日: 2022-06-16
• 公開（公告）號: CN115061684A
• 公開（公告）日: 2022-09-16
• 發(fā)明（設(shè)計）人: 肖樺
• 申請（專利權(quán)）人: 蘇州浪潮智能科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 濟南誠智商標專利事務所有限公司 37105
• 代理人: 黃曉燕

1.一種layui框架封裝的兼容方法，其特征在于，所述方法包括：

搭建layui前端框架；

對所述layui前端框架的底層功能進行重新封裝，并對所述layui前端框架中的列表和欄目進行配置；

調(diào)用封裝后的所述layui前端框架，并匹配多種設(shè)備的樣式對所述layui前端框架進行頁面渲染。

2.根據(jù)權(quán)利要求1所述的一種layui框架封裝的兼容方法，其特征在于，在所述對所述layui前端框架中的列表和欄目進行配置之后，所述方法還包括：

監(jiān)聽導航中的事件；

對所述導航中的事件進行重新封裝和改寫；

監(jiān)測新的點擊事件，執(zhí)行對應的重新封裝和改寫后的導航事件。

3.根據(jù)權(quán)利要求1所述的一種layui框架封裝的兼容方法，其特征在于，所述對所述layui前端框架中的列表和欄目進行配置，具體包括：

確定所述layui前端框架中的列表和欄目中的各種基礎(chǔ)功能；

在導航和/或?qū)撁嬉孟鄳姆庋b配置；

基于所述封裝配置完成所述layui前端框架中的列表和欄目中基礎(chǔ)功能的編寫和封裝。

4.根據(jù)權(quán)利要求1所述的一種layui框架封裝的兼容方法，其特征在于，所述進行頁面渲染，具體包括：

獲取HTML源碼，并創(chuàng)建DOM樹；所述DOM樹根節(jié)點對應HTML標簽；

解析CSS代碼，并計算最終樣式，繼而構(gòu)建CSSOM樹；

基于所述DOM樹以及所述CSSOM樹，生成渲染樹；

根據(jù)所述渲染樹繪制前端頁面。

5.根據(jù)權(quán)利要求1所述的一種layui框架封裝的兼容方法，其特征在于，所述layui前端框架的底層功能包括：編輯、刷新、添加、排序、批量操作。

6.一種layui框架封裝的兼容系統(tǒng)，其特征在于，所述系統(tǒng)包括：

前端框架搭建模塊，用于搭建layui前端框架；

封裝模塊，用于對所述layui前端框架的底層功能進行重新封裝，并對所述layui前端框架中的列表和欄目進行配置；

渲染模塊，用于調(diào)用封裝后的所述layui前端框架，并匹配多種設(shè)備的樣式對所述layui前端框架進行頁面渲染。

7.根據(jù)權(quán)利要求6所述的一種layui框架封裝的兼容系統(tǒng)，其特征在于，所述渲染模塊中，解析CSS代碼時的優(yōu)先級由低至高為：瀏覽器默認設(shè)置、用戶設(shè)置、外聯(lián)樣式、內(nèi)聯(lián)樣式、HTML中的樣式。

8.根據(jù)權(quán)利要求6所述的一種layui框架封裝的兼容系統(tǒng)，其特征在于，所述渲染模塊中，DOM樹和HTML標簽一一對應。

9.一種layui框架封裝的兼容設(shè)備，其特征在于，所述設(shè)備包括：

至少一個處理器；以及，

與所述至少一個處理器通信連接的存儲器；其中，

所述存儲器存儲有可被所述至少一個處理器執(zhí)行的指令，所述指令被所述至少一個處理器執(zhí)行，以使所述至少一個處理器能夠：

搭建layui前端框架；

對所述layui前端框架的底層功能進行重新封裝，并對所述layui前端框架中的列表和欄目進行配置；

調(diào)用封裝后的所述layui前端框架，并匹配多種設(shè)備的樣式對所述layui前端框架進行頁面渲染。

10.一種layui框架封裝的兼容的非易失性計算機存儲介質(zhì)，存儲有計算機可執(zhí)行指令，其特征在于，所述計算機可執(zhí)行指令設(shè)置為：搭建layui前端框架；

對所述layui前端框架的底層功能進行重新封裝，并對所述layui前端框架中的列表和欄目進行配置；

調(diào)用封裝后的所述layui前端框架，并匹配多種設(shè)備的樣式對所述layui前端框架進行頁面渲染。