[發明專利]一種拖拽組件的方法、裝置、終端設備以及存儲介質

在審

• 申請號: 202210702353.0
• 申請日: 2022-06-21
• 公開（公告）號: CN115114554A
• 公開（公告）日: 2022-09-27
• 發明（設計）人: 胡偉峰;李煒
• 申請（專利權）人: 深圳太極數智技術有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F3/0486
• 代理公司: 深圳中一聯合知識產權代理有限公司 44414
• 代理人: 陳卓宏

本申請適用于網頁生成的技術領域，提供了一種拖拽組件的方法、裝置、終端設備以及存儲介質，其方法包括確定目標容器的組件屬性信息；組件屬性信息包含用于確定各個第一組件的第一拖拽操作的拖拽記錄數組，以及用于確定各個第一組件在目標容器內的第一組件結構的組件樹數組；響應于在目標容器內發起的對于第二組件的第二拖拽操作，確定第二組件與各個第一組件之間的第二組件結構；根據第二組件結構，將第二組件的配置對象添加至組件樹數組；根據添加后的組件樹數組，更新拖拽記錄數組中與配置對象相對應的各個拖拽記錄。本申請能夠更改組件的順序，提高頁面布局的靈活性，適用于Web前端開發的應用場景。

技術領域

本申請屬于網頁生成的技術領域，尤其涉及一種拖拽組件的方法、裝置、終端設備以及存儲介質。

背景技術

前端開發是創建全球廣域網(World Wide Web,WEB)頁面或應用程序(Application,APP)等前端界面呈現給用戶的過程，開發人員通常通過拖拽式Vue組件代碼生成平臺(Low Code Generator,LCG)生成Vue框架下的組件代碼。

目前，LCG僅支持通過簡單的標識將少量預設的組件按拖拽順序存放到存儲空間，無法更正存儲空間中的組件的順序；譬如：當存儲空間已有多個組件，但是中間某幾個組件的順序出現錯誤時，只能刪除這幾個組件以及這幾個組件之后的其他組件，然后重新拖拽，才能更正存儲空間中的組件的順序。

綜上，現有的拖拽式Vue組件代碼生成平臺存在無法更改組件順序的問題，有待進一步改進。

發明內容

有鑒于此，本申請實施例提供了一種拖拽組件的方法、裝置、終端設備以及存儲介質，以解決現有技術中無法更改組件順序的問題。

第一方面，本申請實施例提供了一種拖拽組件的方法，包括：

確定目標容器的組件屬性信息；所述目標容器用于構建指定項目的前端頁面；所述組件屬性信息包含用于確定各個第一組件的第一拖拽操作的拖拽記錄數組，以及用于確定各個所述第一組件在所述目標容器內的第一組件結構的組件樹數組；所述第一組件為已拖拽至所述目標容器內的組件；

響應于在所述目標容器內發起的對于第二組件的第二拖拽操作，確定所述第二組件與各個所述第一組件之間的第二組件結構；所述第二組件為所述第一組件或與所述指定項目相對應的組件列表所包含的預選組件；

根據所述第二組件結構，將所述第二組件的配置對象添加至所述組件樹數組；

根據添加后的所述組件樹數組，更新所述拖拽記錄數組中與所述配置對象相對應的各個拖拽記錄。

第二方面，本申請實施例提供了一種拖拽組件的裝置，包括：

確定屬性信息模塊，用于確定目標容器的組件屬性信息；所述目標容器用于構建指定項目的前端頁面；所述組件屬性信息包含用于確定各個第一組件的第一拖拽操作的拖拽記錄數組，以及用于確定各個所述第一組件在所述目標容器內的第一組件結構的組件樹數組；所述第一組件為已添加至所述目標容器內的組件；

確定組件結構模塊，用于響應于在所述目標容器內發起的對于第二組件的第二拖拽操作，確定所述第二組件與各個所述第一組件之間的第二組件結構；所述第二組件為所述第一組件或與所述指定項目相對應的組件列表所包含的預選組件；

添加對象模塊，用于根據所述第二組件結構，將所述第二組件的配置對象添加至所述組件樹數組；

更新記錄模塊，用于根據添加后的所述組件樹數組，更新所述拖拽記錄數組中與所述配置對象相對應的各個拖拽記錄。

第三方面，本申請實施例提供了一種終端設備，包括存儲器、處理器以及存儲在所述存儲器中并可在所述處理器上運行的計算機程序，所述處理器執行所述計算機程序時實現如上述方法的步驟。