开发思路

• 修改现有绘图代码，将交换机的编号替换为统一的图标形式。
• 根据现有拓扑数据结构，定位到绘图逻辑，通过修改代码实现交换机设备的图标化展示。
• 最终目标是保留拓扑功能的核心同时，提升图表美观性。

核心代码修改

• 在SpringyUI.js中查找并修改绘图函数（drawNode），将交换机节点替换为图标形式。
• 调整代码注释和初始化逻辑，确保图标与网络拓扑信息一致。

实现效果

• 交换机设备将以统一图标形式显示，减少编号堆叠，增强可读性。

分析问题

• 主机信息缺失是由于PoxDesk的数据处理模块未支持主机设备的获取。
• 我定位到tinytopo.py文件，分析主机信息获取逻辑，发现主要集中在host_tracker模块。

主机信息获取策略

• 在TinyTopo类中构造一个主机设备信息表hosts，字典类型。
• 模拟Graduate Student的研究过程中，改动host_tracker.py源码，实现动态获取主机设备信息并反馈拓扑数据。
• 在do_send_table函数中，加入主机信息发送逻辑，确保主机设备数据传递到TopoViewer.js。

实现效果

• 主机设备信息可与交换机拓扑信息并存显示，拓扑图显示主机位置及链路关系。