[發明專利]一種用于網頁開發界面內元素的拖拽排序方法及系統

在審

• 申請號: 202210194910.2
• 申請日: 2022-03-01
• 公開（公告）號: CN114661217A
• 公開（公告）日: 2022-06-24
• 發明（設計）人: 陳成成
• 申請（專利權）人: 北京思特奇信息技術股份有限公司
• 主分類號: G06F3/0486
• 分類號: G06F3/0486;G06F8/34;G06F8/36;G06F8/38
• 代理公司: 北京匯信合知識產權代理有限公司 11335
• 代理人: 王維新

本發明公開了一種用于網頁開發界面內元素的拖拽排序方法及系統，屬于計算機應用技術領域。本發明方法，包括：選中網頁開發界面中的目標操作對象；對所述目標操作對象進行拖拽，直至將所述目標操作對象拖拽至目標位置；所述對所述目標操作對象進行拖拽，直至將所述目標操作對象拖拽至目標位置的過程中，針對拖拽的目標操作對象保持長按。本發明整合了不同應用場景下的拖拽排序方式，便于在不同項目需求中快速復用，統一編碼規范和展現形式，可以大大節約開發成本，最終提升軟件工程的整體開發效率和交付質量。

技術領域

本發明涉及計算機應用技術領域，并且更具體地，涉及一種用于網頁開發界面內元素的拖拽排序方法及系統。

背景技術

軟件或網站開發中，常遇到這樣的需求：根據使用者的個性使用習慣，對界面中的一組元素進行自定義排序。而“拖拽排序”，無疑是最方便快捷的排序方式。關于拖拽排序，就是把某個對象從原位置拖動到目標位置。由基礎的含義引申出來，就產生了許多拓展應用場景，根據不同的需求內容、界面布局等衍生出各種拖拽排序的設計模式、元素布局和交互方式。以往看到的此問題解決方案比較單一，不全面，不能夠涵蓋此類問題的全部應用場景。

發明內容

針對上述問題，本發明提出了一種用于網頁開發界面內元素的拖拽排序方法，包括：

選中網頁開發界面中的目標操作對象；

對所述目標操作對象進行拖拽，直至將所述目標操作對象拖拽至目標位置；

所述對所述目標操作對象進行拖拽，直至將所述目標操作對象拖拽至目標位置的過程中，針對拖拽的目標操作對象保持長按。

可選的，拖拽的過程中，目標操作對象保持半透明狀態。

可選的，目標操作對象至目標位置后對所述目標操作對象的位置進行更新。

可選的，目標操作對象至目標位置后，對網頁開發界面中的操作對象進行重新排序。

本發明還提出了一種用于網頁開發界面內元素的拖拽排序系統，包括：

操作對象選中單元，選中網頁開發界面中的目標操作對象；

拖拽排序單元，對所述目標操作對象進行拖拽，直至將所述目標操作對象拖拽至目標位置；

所述對所述目標操作對象進行拖拽，直至將所述目標操作對象拖拽至目標位置的過程中，針對拖拽的目標操作對象保持長按。

可選的，拖拽的過程中，目標操作對象保持半透明狀態。

可選的，目標操作對象至目標位置后對所述目標操作對象的位置進行更新。

可選的，目標操作對象至目標位置后，對網頁開發界面中的操作對象進行重新排序。

本發明整合了不同應用場景下的拖拽排序方式，便于在不同項目需求中快速復用，統一編碼規范和展現形式，可以大大節約開發成本，最終提升軟件工程的整體開發效率和交付質量。

附圖說明

圖1為本發明方法的流程圖；

圖2為本發明系統的結構圖。

具體實施方式

現在參考附圖介紹本發明的示例性實施方式，然而，本發明可以用許多不同的形式來實施，并且不局限于此處描述的實施例，提供這些實施例是為了詳盡地且完全地公開本發明，并且向所屬技術領域的技術人員充分傳達本發明的范圍。對于表示在附圖中的示例性實施方式中的術語并不是對本發明的限定。在附圖中，相同的單元/元件使用相同的附圖標記。