用HTML+CSS+JS如何 动态绘制 网络拓扑图?

1.各个应用系统、服务器信息及系统直接的调用都录入到数据库中

2.前端拓扑图、或系统调用关系图的展示UI可以通过一些选项从数据库中捞出数据，然后在UI上动态绘制出关系图来

3.如HTML5 Canvas或基于HTML5 Canvas的JTopo、SVG都可以很好的绘制出这种图来。

各个应用系统、服务器信息及系统直接的调用都录入到数据库中.

前端拓扑图、或系统调用关系图的展示UI可以通过一些选项从数据库中捞出数据，然后在UI上动态绘制出关系图来.

如HTML5 Canvas或基于HTML5 Canvas的JTopo、SVG都可以很好的绘制出这种图来。

还是要找原来的资料方便些，比如原来局域网综合布线的合同、技术方案、初验终验报告、网络管理员电脑是否有存档等等，

中向企业的综合布线及信息系统，也是个不小的工程，企业应该可以找到些资料。

如果完全找不到，

那只好，从入口开始，先查路由器、交换机、服务器、存储、数据库等设备的部署位置，然后以这些核心设备为基点，估画拓扑图，

然后分区域，核实，查线，

最终形成实际的拓扑图。

工作量不小，实在不行，按用户需求重新部署，可以核算一下成本，那个合算。

---