jtopo的项目实战（一）

前言

        初识jtopo是因为项目中需要一个能够动态绘制网络拓扑图的插件，不但能画出基本的网络拓扑结构，还要能够标识出网络设备的类型以及端口设置，甚至是网络连线的流量信息等，基于这个需求查找了很多资料，初步选中了几款类似功能的插件，综合考虑成本、操作的简便性、画图的效率以及上手难易程度后，最终选定使用jtopo。

废话不多说，进入主题

        网上的版本不多，但版本差异很大，我们选用的版本是jtopo-0.4.8-dev.js，前端采用了jQuery，jtopo，layui来实现，设计用的是vscode作为编辑器，后端是java实现。拿到版本后，简单的验证了下一些功能，发现可以实现一些基本的操作，创建节点、手动的更换节点图片、创建连线等。但想要在项目中使用，还是很粗糙，比如说：

1.节点不支持动态的更换图标

2.节点连线的文字标识过于丑陋

3.节点不支持双击操作

4.拓扑图所有的元素不能拖动后自动保