欧美在线观看视频网站,亚洲熟妇色自偷自拍另类,啪啪伊人网,中文字幕第13亚洲另类,中文成人久久久久影院免费观看 ,精品人妻人人做人人爽,亚洲a视频

一種交換機面板端口多選方法、設備及介質(zhì)與流程

文檔序號:40518616發(fā)布日期:2024-12-31 13:27閱讀:12來源:國知局
一種交換機面板端口多選方法、設備及介質(zhì)與流程

本技術(shù)涉及交換機端口領域,尤其涉及一種交換機面板端口多選方法、設備及介質(zhì)。


背景技術(shù):

1、在園區(qū)網(wǎng)web管理系統(tǒng)中,交換機面板端口以圖形化展示,當要對端口進行下發(fā)配置等操作時,通常是以點擊的方式進行操作,當用戶需要對多個端口進行批量操作時,需要對單個端口進行一一選中。

2、在現(xiàn)有的交換機面板端口操作中,需要一一點擊端口進行選出處理,難以實現(xiàn)批量選中,在實際使用中,操作極為不便,難以對需要的端口范圍進行拖拽實現(xiàn)多選,選中端口的時間較長且較為繁瑣,給用戶的交互體驗造成了不良的影響。


技術(shù)實現(xiàn)思路

1、本技術(shù)實施例提供了一種交換機面板端口多選方法、設備及介質(zhì),用于解決如下技術(shù)問題:現(xiàn)有的交換機面板端口的選擇較為單一,難以更加方便地進行批量端口選擇,單個端口的一一選擇較為繁瑣,不利于用戶的才做交互體驗。

2、本技術(shù)實施例采用下述技術(shù)方案:

3、一方面,本技術(shù)實施例提供了一種交換機面板端口多選方法,包括:基于園區(qū)中交換機的端口面板元素的相對定位,添加鼠標操作事件;其中,所述鼠標操作事件包括:mousedown事件、mousemove事件、mouseup事件以及mouseleave事件;對所述端口面板元素的子級元素進行有關操作變量與位置變量的添加配置,配置出所述子級元素的遮罩層;通過所述遮罩層的鼠標位置屬性,對所述鼠標操作事件進行有關賦值狀態(tài)與選中狀態(tài)下的觸發(fā)控制,確定出事件處理完成指令;基于所述事件處理完成指令,完成對所述端口面板元素的批量選擇。

4、本技術(shù)實施例通過對交換機端口面板元素的批量選擇處理,能夠讓用戶能夠用鼠標對需要的端口范圍進行拖拽實現(xiàn)多選,更快捷方便的選中端口,提升用戶的交互體驗。避免了逐個點擊端口的繁瑣過程,提高了操作效率。通過遮罩層的鼠標位置屬性進行觸發(fā)控制,可以更精確地確定用戶的選擇意圖,避免誤選或漏選端口。方便用戶一次性選擇多個端口,適用于需要同時操作多個端口的場景。該方法減少了用戶的操作步驟和認知負擔,使端口選擇更加簡單易懂。同時,這種高效的多選方法可以節(jié)省時間,提高工作效率,特別是對于大規(guī)模的園區(qū)網(wǎng)絡管理。

5、在一種可行的實施方式中,基于園區(qū)中交換機的端口面板元素的相對定位,添加鼠標操作事件,具體包括:將每個園區(qū)網(wǎng)設備的所述端口面板元素配置為所述相對定位;基于所述相對定位,對所述端口面板元素對應添加所述鼠標操作事件。

6、在一種可行的實施方式中,對所述端口面板元素的子級元素進行有關操作變量與位置變量的添加配置,配置出所述子級元素的遮罩層,具體包括:對所述端口面板元素的子級元素添加初始遮罩層;并將所述初始遮罩層配置為絕對定位以及將所述初始遮罩層添加背景顏色;將所述位置變量的第一初始值配置為對象參數(shù),且所述對象參數(shù)為零;其中,所述對象參數(shù)的屬性包含:startx、starty、endx以及endy;將所述操作變量的第二初始值配置為false屬性;基于所述位置變量的第一初始值以及所述操作變量的第二初始值,對所述初始遮罩層進行添加配置,得到所述子級元素的遮罩層。

7、在一種可行的實施方式中,在對所述端口面板元素的子級元素進行有關操作變量與位置變量的添加配置,配置出所述子級元素的遮罩層之后,所述方法還包括:通過所述遮罩層的位置變量,計算出所述遮罩層的位置屬性,并基于所述位置屬性,顯示所述遮罩層;其中,所述位置屬性包括:所述遮罩層的寬度、高度、左邊以及頂邊;所述寬度為所述對象參數(shù)中的endx減去startx;所述高度為endy減去starty;所述左邊為endx減去所述寬度;所述頂邊為endy減去所述高度。

8、在一種可行的實施方式中,通過所述遮罩層的鼠標位置屬性,對所述鼠標操作事件進行有關賦值狀態(tài)與選中狀態(tài)下的觸發(fā)控制,確定出事件處理完成指令,包括:當處理所述鼠標操作事件中的所述mousedown事件時,獲取所述鼠標位置屬性下的當前鼠標坐標;其中,所述當前鼠標坐標包括:offsetx以及offsety;所述mousedown事件為用戶按下鼠標按鈕時所觸發(fā)的事件;將所述當前鼠標坐標中的offsetx以及offsety,分別賦值給所述遮罩層中位置變量的startx和starty;將所述遮罩層中的操作變量修改為ture屬性;基于所述位置變量的賦值狀態(tài)以及所述操作變量的屬性修改,確定出mousedown事件完成指令。

9、在一種可行的實施方式中,通過所述遮罩層的鼠標位置屬性,對所述鼠標操作事件進行有關賦值狀態(tài)與選中狀態(tài)下的觸發(fā)控制,確定出事件處理完成指令,包括:當處理所述mousemove事件時,基于所獲取的當前鼠標坐標中的offsetx以及offsety,分別賦值給所述遮罩層中位置變量的endx和endy;其中,所述mousemove事件為用戶在頁面上移動鼠標時所觸發(fā)的事件;通過所述端口面板元素的全局瀏覽函數(shù),獲取所述端口面板元素中所有的單個端口元素;通過getboundingclientrect技術(shù),獲取當前遮罩層所選范圍下的當前遮罩層坐標;遍歷所有的所述單個端口元素,通過所述getboundingclientrect技術(shù),獲取每個所述單個端口元素的端口元素坐標;將所述端口元素坐標與所述當前遮罩層坐標進行坐標所屬范圍下的包含比對,確定出處于所述當前遮罩層坐標中的若干所述單個端口元素;獲取符合坐標所屬范圍下所述單個端口元素對應的端口數(shù)據(jù),并將所述端口數(shù)據(jù)存放于選中數(shù)組中;基于所述選中數(shù)組,將選中的所述單個端口元素確定為選中狀態(tài),并確定出mousemove事件完成指令。

10、在一種可行的實施方式中,通過所述遮罩層的鼠標位置屬性,對所述鼠標操作事件進行有關賦值狀態(tài)與選中狀態(tài)下的觸發(fā)控制,確定出事件處理完成指令,包括:當處理所述mouseup事件時,基于選中狀態(tài)下的mousemove事件完成指令,將最終鼠標坐標中的最終offsetx以及最終offsety,分別賦值給所述遮罩層中位置變量的最終endx和最終endy;其中,所述mouseup事件為用戶釋放鼠標按鈕時所觸發(fā)的事件;基于所述位置變量的最終endx和最終endy,確定出mouseup事件完成指令。

11、在一種可行的實施方式中,通過所述遮罩層的鼠標位置屬性,對所述鼠標操作事件進行有關賦值狀態(tài)與選中狀態(tài)下的觸發(fā)控制,確定出事件處理完成指令,具體包括:當處理所述mouseleave事件時,將所述遮罩層中的操作變量修改為false屬性;將所述位置變量中對象參數(shù)的屬性startx、starty、endx以及endy重置為零,并將所述遮罩層進行數(shù)據(jù)隱藏處理;基于所述位置變量的重置處理以及所述操作變量的屬性修改,確定出mouseleave事件完成指令;基于mousedown事件完成指令、mousemove事件完成指令、mouseup事件完成指令以及所述mouseleave事件完成指令,得到關于所述鼠標操作事件的所述事件處理完成指令。

12、第二方面,本技術(shù)實施例還提供了一種交換機面板端口多選設備,所述設備包括:至少一個處理器;以及,與所述至少一個處理器通信連接的存儲器;其中,所述存儲器存儲有能夠被所述至少一個處理器執(zhí)行的指令,以使所述至少一個處理器能夠執(zhí)行上述任一實施方式所述的一種交換機面板端口多選方法。

13、第三方面,本技術(shù)實施例還提供了一種非易失性計算機存儲介質(zhì),其特征在于,所述存儲介質(zhì)為非易失性計算機可讀存儲介質(zhì),所述非易失性計算機可讀存儲介質(zhì)存儲有至少一個程序,每個所述程序包括指令,所述指令當被終端執(zhí)行時,使所述終端執(zhí)行上述任一實施方式所述的一種交換機面板端口多選方法。

14、本技術(shù)提供了一種交換機面板端口多選方法、設備及介質(zhì),與現(xiàn)有技術(shù)相比,本技術(shù)實施例具有以下有益的技術(shù)效果:

15、1.提高操作效率:通過添加鼠標操作事件和遮罩層,用戶可以更方便地進行端口的多選操作,避免了逐個點擊端口的繁瑣過程,提高了操作效率。

16、2.增強用戶體驗:這種直觀的多選方式使得用戶能夠更快速、準確地選擇所需的端口,減少了操作失誤的可能性,從而提升了用戶體驗。

17、3.簡化配置過程:對端口面板元素的子級元素進行操作變量和位置變量的添加配置,使得遮罩層能夠根據(jù)鼠標位置進行觸發(fā)控制,簡化了多選的配置過程。

18、4.提高選擇準確性:通過遮罩層的鼠標位置屬性進行觸發(fā)控制,可以更精確地確定用戶的選擇意圖,避免誤選或漏選端口。

19、5.批量選擇功能:該方法能夠?qū)崿F(xiàn)對端口面板元素的批量選擇,方便用戶一次性選擇多個端口,適用于需要同時操作多個端口的場景。

20、6.靈活性和可擴展性:這種方法可以根據(jù)具體需求進行定制和擴展,例如添加其他鼠標操作事件或進一步優(yōu)化選擇邏輯,以滿足不同的應用場景。

21、7.降低操作復雜性:相比傳統(tǒng)的端口選擇方式,該方法減少了用戶的操作步驟和認知負擔,使端口選擇更加簡單易懂。

22、8.提升工作效率:在需要頻繁進行端口選擇的情況下,這種高效的多選方法可以節(jié)省時間,提高工作效率,特別是對于大規(guī)模的園區(qū)網(wǎng)絡管理。

當前第1頁1 2 
網(wǎng)友詢問留言 已有0條留言
  • 還沒有人留言評論。精彩留言會獲得點贊!
1
西畴县| 黔西| 静海县| 宁陕县| 鲁山县| 晋州市| 仪征市| 龙州县| 昆明市| 区。| 曲麻莱县| 罗平县| 晋江市| 健康| 贵定县| 福建省| 廊坊市| 博白县| 辛集市| 鹤峰县| 措勤县| 温州市| 绥棱县| 自贡市| 安国市| 青铜峡市| 奉贤区| 三台县| 成武县| 新邵县| 内江市| 东光县| 武宣县| 绿春县| 长春市| 衡山县| 丰都县| 松溪县| 湘西| 灵台县| 汉寿县|