[發明專利]一種頁面文件轉化方法、裝置、電子設備和存儲介質

在審

• 申請號: 202110750455.5
• 申請日: 2021-07-02
• 公開（公告）號: CN113420532A
• 公開（公告）日: 2021-09-21
• 發明（設計）人: 楊艷春;魏珊珊;董英姿;王浩;胡景賀;顏偉鵬
• 申請（專利權）人: 北京沃東天駿信息技術有限公司
• 主分類號: G06F40/151
• 分類號: G06F40/151;G06F8/34;G06F8/38;G06F8/30
• 代理公司: 北京派特恩知識產權代理有限公司 11270
• 代理人: 趙翠萍;張穎玲

本申請實施例提供了一種頁面文件轉化方法、頁面文件轉化裝置、電子設備和存儲介質，該頁面文件轉化方法包括：將獲取的待處理頁面對應的VUE文件通過第一轉化函數轉化成第一抽象語法樹；獲取第一抽象語法樹中各模塊對應的部分內容；按照可視化編輯器的JavaScript對象簡譜JSON頁面配置，將各模塊對應的部分內容轉化成與待處理頁面對應的JSON頁面配置文件，以使可視化編輯器基于JSON頁面配置文件，在可視化編輯器的編輯預覽區域對待處理頁面進行處理。

技術領域

本申請涉及數據處理領域，尤其是涉及一種頁面文件轉化方法、頁面文件轉化裝置、電子設備和存儲介質。

背景技術

隨著互聯網技術的智能化發展，為滿足將頁面設計如UI稿自動轉化為代碼，以及減少人工成本的要求，相關技術中相繼出現了支持拖拽現有組件實現新頁面的組裝的可視化編輯器。

相關技術中，參見圖1所示，經過可視化編輯器101編輯的頁面代碼文件后，在頁面的業務邏輯復雜的情況下，該頁面代碼文件需通過本地代碼集成開發工具(IntegratedDevelopment Environment，IDE)102如vscode工具進行二次頁面開發，進而將二次開發的頁面代碼文件上傳至項目倉庫103如GIT倉庫。然而，相關技術中，已進行二次開發的頁面代碼文件如需進行處理，則無法再次在可視化編輯器平臺進行預覽和編輯。可見，目前亟需一種新的頁面文件轉化方法。

發明內容

本申請實施例期望提供一種頁面文件轉化方法、頁面文件轉化裝置、電子設備和存儲介質，以解決相關技術中已進行二次開發的頁面代碼文件無法再次在可視化編輯器平臺進行預覽和編輯的問題。

本申請實施例的技術方案是這樣實現的：

第一方面，本申請實施例提供一種頁面文件轉化方法，所述方法包括：

將獲取的待處理頁面對應的VUE文件通過第一轉化函數轉化成第一抽象語法樹；

獲取所述第一抽象語法樹中各模塊對應的部分內容；

按照可視化編輯器的JavaScript對象簡譜JSON頁面配置，將所述各模塊對應的部分內容轉化成與所述待處理頁面對應的JSON頁面配置文件，以使所述可視化編輯器基于所述JSON頁面配置文件，在所述可視化編輯器的編輯預覽區域對所述待處理頁面進行處理。

第二方面，本申請實施例提供一種頁面文件轉化裝置，所述裝置包括：

第一轉化模塊，用于將獲取的待處理頁面對應的VUE文件通過第一轉化函數轉化成第一抽象語法樹；

獲取模塊，用于獲取所述第一抽象語法樹中各模塊對應的部分內容；

第二轉化模塊，用于按照可視化編輯器的JavaScript對象簡譜JSON頁面配置，將所述各模塊對應的部分內容轉化成與所述待處理頁面對應的JSON頁面配置文件，以使所述可視化編輯器基于所述JSON頁面配置文件，在所述可視化編輯器的編輯預覽區域對所述待處理頁面進行處理。

第三方面，本申請實施例提供一種電子設備，所述電子設備包括：處理器、存儲器和通信總線；

所述通信總線用于實現處理器和存儲器之間的通信連接；

所述處理器用于執行存儲器中存儲的頁面文件轉化程序，以實現上述所述的頁面文件轉化方法。

第四方面，本申請實施例提供一種存儲介質，所述存儲介質存儲有一個或者多個程序，所述一個或者多個程序可被一個或者多個處理器執行，以實現上述所述的頁面文件轉化方法。

應用本申請實施例實現以下有益效果：實現了經過本地IDE工具開發的頁面文件，也可以在可視化編輯器中進行二次編輯，提升頁面開發效率，節省頁面開發成本。