[發明專利]頁面編輯方法、裝置、計算機可讀存儲介質和計算機設備

在審

• 申請號: 202010020784.X
• 申請日: 2020-01-09
• 公開（公告）號: CN113094127A
• 公開（公告）日: 2021-07-09
• 發明（設計）人: 詹海亮
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 廣州華進聯合專利商標代理有限公司 44224
• 代理人: 黃晶晶

1.一種頁面編輯方法，包括：

根據預先劃分的網格獲取儀表板頁面對應的初始儀表板布局；

獲取對目標組件的操作指示，基于所述初始儀表板布局執行所述操作指示；

獲取執行所述操作指示后得到的儀表板頁面中包含的組件的網格布局；

將所述網格布局轉換為絕對定位布局，以得到所述儀表板頁面的目標儀表板布局。

2.根據權利要求1所述的方法，其特征在于，所述基于所述初始儀表板布局執行所述操作指示，包括：

當所述操作指示包含移動指示和縮放指示中的至少一種時，獲取執行所述操作指示的過程中，所述目標組件對應的網格坐標；

根據所述目標組件對應的網格坐標及所述初始儀表板布局對所述儀表板頁面包含的其他組件的坐標位置進行調整。

3.根據權利要求2所述的方法，其特征在于，所述根據所述目標組件對應的網格坐標及所述初始儀表板布局對所述儀表板頁面包含的其他組件的坐標位置進行調整，還包括：

將所述目標組件作為參照對象；

根據所述參照對象對應的網格坐標及所述初始儀表板布局確定是否存在與所述參照對象碰撞的待處理組件；

當確定存在與所述參照對象碰撞的待處理組件時，根據所述參照對象對應的網格坐標調整所述待處理組件的坐標位置；

將所述待處理組件作為參照對象，返回執行所述參照對象對應的網格坐標及所述初始儀表板布局確定是否存在與所述參照對象碰撞的待處理組件的操作。

4.根據權利要求1所述的方法，其特征在于，所述基于所述初始儀表板布局執行所述操作指示，包括：

當所述操作指示為刪除指示時，根據所述初始儀表板布局獲取所述目標組件對應的網格布局；

刪除所述目標組件對應的網格布局。

5.根據權利要求1所述的方法，其特征在于，所述基于所述初始儀表板布局執行所述操作指示，包括：

當所述操作指示為添加指示時，獲取所述初始儀表板布局中劃分的網格的列數，及所述儀表板布局中包含的組件在列方向上的最大高度值；

根據所述列數和最大高度值確定所述目標組件的目標網格布局；

根據所述目標網格布局展示所述目標組件。

6.根據權利要求5所述的方法，其特征在于，所述獲取對目標組件的操作指示，包括：

獲取從組件庫選中的目標組件，并生成對所述目標組件的添加指示；

所述方法還包括：

獲取選中的圖表類型、數據源和展示參數；

根據所述數據源和展示參數生成所述圖表類型對應的圖表組件；

將所述圖表組件保存至所述組件庫。

7.根據權利要求1至6中任一項所述的方法，其特征在于，所述將所述網格布局轉換為絕對定位布局，以得到所述儀表板頁面的目標儀表板布局之后，還包括：

將所述目標儀表板布局發送給服務器；

接收所述服務器發送的與所述目標儀表板布局對應的圖表數據；

根據所述目標儀表板布局在儀表板頁面展示所述圖表數據。

8.一種頁面編輯裝置，其特征在于，所述裝置包括：

初始布局獲取模塊，用于根據預先劃分的網格獲取儀表板頁面對應的初始儀表板布局；

操作執行模塊，用于獲取對目標組件的操作指示，基于所述初始儀表板布局執行所述操作指示；

組件布局獲取模塊，用于獲取執行所述操作指示后得到的儀表板頁面中包含的組件的網格布局；

目標布局確定模塊，用于將所述網格布局轉換為絕對定位布局，以得到所述儀表板頁面的目標儀表板布局。

9.一種計算機可讀存儲介質，存儲有計算機程序，所述計算機程序被處理器執行時，使得所述處理器執行如權利要求1至7中任一項所述方法的步驟。

10.一種計算機設備，包括存儲器和處理器，所述存儲器存儲有計算機程序，所述計算機程序被所述處理器執行時，使得所述處理器執行如權利要求1至7中任一項所述方法的步驟。