[發明專利]頁面元素的編輯方法、裝置、存儲介質及終端

在審

• 申請號: 202110633891.4
• 申請日: 2021-06-07
• 公開（公告）號: CN113407168A
• 公開（公告）日: 2021-09-17
• 發明（設計）人: 張多;曾國棟
• 申請（專利權）人: 遠光軟件股份有限公司
• 主分類號: G06F8/33
• 分類號: G06F8/33;G06F8/34;G06F8/38
• 代理公司: 廣東朗乾律師事務所 44291
• 代理人: 楊煥軍

本申請公開了一種頁面元素的編輯方法、裝置、存儲介質和終端，該方法包括：在第一頁面選中目標頁面元素時，通過顯示單元顯示剪切板；獲取目標頁面元素的目標代碼，以及根據目標頁面元素生成目標圖片；將目標圖片添加到剪切板中，保存目標代碼，以及建立目標圖片和目標代碼之間的對應關系；響應于針對剪切板中的目標圖片的拖動指令，根據對應關系確定目標圖片對應的目標代碼；將目標代碼插入第二頁面的代碼集中，以及根據目標代碼在第二頁面進行渲染。本申請通過頁面元素的復用提高頁面開發的效率。

技術領域

本申請涉及計算機技術領域，尤其涉及一種頁面元素的編輯方法、裝置、存儲介質及終端。

背景技術

在服務器/瀏覽器的溝通中，需要設計用于人機交互的頁面，頁面中包括各種各樣的頁面元素，例如：輸入框、按鈕和表格等，在復雜的頁面設計中，開發人員需要設計大量的頁面元素，如何提高頁面的開發效率是目前亟待解決的問題。

發明內容

本申請實施例提供了一種頁面元素的編輯方法、裝置、存儲介質及終端，通過頁面元素的復用提高頁面開發的效率。所述技術方案如下：

第一方面，本申請實施例提供了一種頁面元素的編輯方法，所述方法包括：

在第一頁面選中目標頁面元素時，通過顯示單元顯示剪切板；

獲取所述目標頁面元素的目標代碼，以及根據所述目標頁面元素生成目標圖片；

將所述目標圖片添加到所述剪切板中，保存所述目標代碼，以及建立所述目標圖片和所述目標代碼之間的對應關系；

響應于針對所述剪切板中的所述目標圖片的拖動指令，根據所述對應關系確定所述目標圖片對應的目標代碼；

將所述目標代碼插入第二頁面的代碼集中，以及根據所述目標代碼在所述第二頁面進行渲染。

第二方面，本申請實施例提供了一種頁面元素的編輯裝置，所述裝置包括：

選擇單元，用于在第一頁面選中目標頁面元素時，通過顯示單元顯示剪切板；

生成單元，用于獲取所述目標頁面元素的目標代碼，以及根據所述目標頁面元素生成目標圖片；

建立單元，用于將所述目標圖片添加到所述剪切板中，保存所述目標代碼，以及建立所述目標圖片和所述目標代碼之間的對應關系；

確定單元，用于響應于針對所述剪切板中的所述目標圖片的拖動指令，根據所述對應關系確定所述目標圖片對應的目標代碼；

調用單元，用于將所述目標代碼插入第二頁面的代碼集中，以及根據所述目標代碼在所述第二頁面進行渲染。

第三方面，本申請實施例提供一種計算機存儲介質，所述計算機存儲介質存儲有多條指令，所述指令適于由處理器加載并執行上述的方法步驟。

第四方面，本申請實施例提供一種終端，可包括：處理器和存儲器；其中，所述存儲器存儲有計算機程序，所述計算機程序適于由所述處理器加載并執行上述的方法步驟。

本申請一些實施例提供的技術方案帶來的有益效果至少包括：

在頁面編輯過程中，將選中的頁面的圖片添加到剪切板中，以及保存頁面的代碼和圖片之間的對應關系，然后響應于用戶的拖動指令，將剪切板中的圖片對應的代碼添加到頁面的代碼集中，然后在頁面上渲染代碼，實現頁面元素的復用，用戶可以利用剪切板方便快捷的將頁面元素導入到頁面上，因此可以提高頁面編輯的效率。

附圖說明

為了更清楚地說明本申請實施例或現有技術中的技術方案，下面將對實施例或現有技術描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本申請的一些實施例，對于本領域普通技術人員來講，在不付出創造性勞動的前提下，還可以根據這些附圖獲得其他的附圖。