一種基于DOM對(duì)象高效繪制網(wǎng)絡(luò)拓?fù)鋱D的方法

基本信息

申請(qǐng)?zhí)?/td> CN201710959240.8 申請(qǐng)日 -
公開(kāi)（公告）號(hào) CN107864048A 公開(kāi)（公告）日 2018-03-30
申請(qǐng)公布號(hào) CN107864048A 申請(qǐng)公布日 2018-03-30
分類(lèi)號(hào) H04L12/24 分類(lèi) 電通信技術(shù);
發(fā)明人 韓雪飛 申請(qǐng)（專(zhuān)利權(quán)）人 北京易訊通信息技術(shù)股份有限公司
代理機(jī)構(gòu) 西安西達(dá)專(zhuān)利代理有限責(zé)任公司 代理人 北京易訊通信息技術(shù)股份有限公司
地址 100000 北京市海淀區(qū)上地信息產(chǎn)業(yè)基地開(kāi)拓路1號(hào)1層1001
法律狀態(tài) -

摘要

摘要 一種基于DOM對(duì)象高效繪制網(wǎng)絡(luò)拓?fù)鋱D的方法，通過(guò)div，span，ul等簡(jiǎn)單的dom節(jié)點(diǎn)，結(jié)合css和js，實(shí)現(xiàn)網(wǎng)絡(luò)拓?fù)鋱D的功能和樣式。成樹(shù)狀分布，擁有展開(kāi)，收起節(jié)點(diǎn)的功能；同時(shí)包含點(diǎn)擊對(duì)主機(jī)的查看，以及每個(gè)模塊詳細(xì)信息的tooltip，本發(fā)明用基礎(chǔ)的dom實(shí)現(xiàn)拓?fù)鋱D，使用時(shí)只需要傳入基本數(shù)據(jù)，組件會(huì)讀取數(shù)據(jù)，根據(jù)數(shù)據(jù)的數(shù)量及類(lèi)別繪畫(huà)出基本的拓?fù)鋱D。對(duì)拓?fù)渥隽嘶镜牟榭矗a簡(jiǎn)單，而且只是依賴(lài)于dom，渲染和加載較快?？梢愿鶕?jù)用戶(hù)的不同需求提供不同的接口，保證在大多數(shù)情況下實(shí)現(xiàn)用戶(hù)的需求。本發(fā)明在實(shí)現(xiàn)的時(shí)候留了保證其余功能的接口，方便后期的擴(kuò)展及使用。