[發明專利]一種頁面可視化編輯方法、裝置及設備

在審

• 申請號: 202010919115.6
• 申請日: 2020-09-04
• 公開（公告）號: CN112000328A
• 公開（公告）日: 2020-11-27
• 發明（設計）人: 李宇翔;蔡羽;余雄偉
• 申請（專利權）人: 贊同科技股份有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F8/33
• 代理公司: 北京尚鉞知識產權代理事務所(普通合伙) 11723
• 代理人: 王海榮

本發明公開了一種頁面可視化編輯方法，該方法接收針對目標頁面的編輯指令；根據所述目標組件在所述目標頁面中對應的目標編輯位置，確定所述目標組件對應的目標容器；根據所述目標編輯類型、所述目標容器和所述目標組件，在所述目標頁面中對所述目標組件進行編輯。可見，本發明不僅實現了網頁的快速開發，即使用戶不會編寫代碼也能通過拖拽方式創建出用戶想要的頁面界面，即簡化了頁面的布局編輯操作方式，減輕了設計及前端人員負擔，大大縮短頁面布局編輯的時間，還實現了頁面中可以同時兼容多種類型容器的布局，以及可以避免由于人工手動編寫程序所導致的頁面布局錯誤問題，進而提高了頁面編輯效率。

技術領域

本發明涉及頁面編輯領域，尤其涉及一種頁面可視化編輯方法、裝置及設備。

背景技術

隨著互聯網技術的快速發展，使得建立良好用戶體驗的要求越來越高，頁面編輯、布局的可視化是一種趨勢。

現有技術的互聯網應用布局中，框架搭建、盒模型編寫、瀏覽器兼容問題處理等方面工作量較大，且技術含量較高，一次改版，往往需要各類型專業人員全程參與。可視化，以“所見即所得”的思想為原則，界面展示與最終代碼同步調整，用戶通過可視化平臺即可快速拖拽出自己想要的布局頁面，操作過程中可反復回退，確定界面后即可完成頁面的布局編輯，可以極大的縮短了項目開發周期，當大部分產品線同時應用時能為公司節省一筆可觀的人力成本。故此，目前亟需一種操作簡單、可以提高頁面編輯效率的頁面可視化編輯方法。

發明內容

本發明提供一種頁面可視化編輯方法及裝置，以簡化頁面的布局編輯操作方式，減輕設計及前端人員負擔，大大縮短頁面布局編輯的時間，還實現了頁面中可以同時兼容多種類型容器的布局，以及可以避免由于人工手動編寫程序所導致的頁面布局錯誤問題，進而提高了頁面編輯效率。

第一方面，本發明提供了一種頁面可視化編輯方法，所述方法包括：

接收針對目標頁面的編輯指令；其中，所述目標頁面包括若干類型容器，所述編輯指令包括目標編輯類型以及目標組件；

根據所述目標組件在所述目標頁面中對應的目標編輯位置，確定所述目標組件對應的目標容器；

根據所述目標編輯類型、所述目標容器和所述目標組件，在所述目標頁面中對所述目標組件進行編輯。

第二方面，本發明提供了一種頁面可視化編輯裝置，所述裝置包括：

接收單元，用于接收針對目標頁面的編輯指令；其中，所述目標頁面包括若干類型容器，所述編輯指令包括目標編輯類型以及目標組件；

確定單元，用于根據所述目標組件在所述目標頁面中對應的目標編輯位置，確定所述目標組件對應的目標容器；

編輯單元，用于根據所述目標編輯類型、所述目標容器和所述目標組件，在所述目標頁面中對所述目標組件進行編輯。

第三方面，本發明提供了一種可讀介質，包括執行指令，當電子設備的處理器執行所述執行指令時，所述電子設備執行如第一方面中任一所述的方法。

第四方面，本發明提供了一種電子設備，包括處理器以及存儲有執行指令的存儲器，當所述處理器執行所述存儲器存儲的所述執行指令時，所述處理器執行如第一方面中任一所述的方法。