jsplumb基于vue，支持拖拽生成节点，双击显示更多信息，节点连接，删除节点，删除连接，重绘连接图，刷新连接图就可以了当前页面根据json绘制连线图等功能，本章主要讲拖拽生成的节点获取连线图的信息，并导入需要的文件jquery-ui.json。因为需要使用dragable，所以引入jquery-ui.min.jsjquery-ui.min.cssjquery.jsPlumb-1.4.0-all.js使用import$from'jquery'来绘制连接图；因为使用了vue，所以jquery引入了拖拽，这样节点就可以拖拽需要使用的jq了。首先获取所有节点，然后为它们设置draggable方法这样就可以进行拖拽了。具体如果要设置拖动节点的类名，可以上网查。Drop拖放会触发这个方法。例如，拖动后，用户需要输入新节点的名称。之后在拖拽的位置要生成一个真正的节点，并且可以上下左右发送连接线。1.在拖拽区域追加一个div，并设置它的id、样式、坐标（可以在drop方法中获取）2.生成可以上下左右连接的点.hollowCircle//的样式连接线）；jsPlumb.draggable(Id);//设置该节点为可拖动$("#"+Id).draggable({containment:"parent"});//保证拖动不越界3.用上面画节点，然后随意连接！！！获取连接图的信息列表=jsPlumb.getAllConnections();//获取所有连接线的信息。链表包含连接线信息，然后自己遍历需要的节点信息。遍历元素以检索所需的信息。https://www.cnblogs.com/mq003...https://github.com/leinue/jQu...
