基于Vue的机器学习平台前端

项目演示地址：http://vidanao.com/ml》注1：前端兼容性不太好，360浏览器兼容性更好；》注2：这个vidanao.com也是我的个人博文主页，但是源码地址还没有部署：https://github.com/Liwengbin/mml开发背景：大四的一次实践。当时因为一些原因了解了这个项目的需求，开始接触到Vue和SpringBoot，抽空开始开发这个项目的需求。（作为一个菜鸟，还在纠结中！这句话纯属扯淡）前言：系统代码凌乱，没有结果优化，尤其是前端SVG部分代码凌乱，难免包含一些偏激的处理方式，请阅读Extractwhatworksforyou。例如，问5个问题。请指点一下！简介：项目只开放到一半就结束了。系统分为两个简单的部分：Vue前端+SpringBoot&Mysql后端后端：没有的话就是一些数据的增删改查，就不多说了。查看源代码。说说前端：提几个问题问题一：svg是否包含html标签？问题2：将HTML标签拖入Svg绘图面板并实时渲染如何？问题三：两个（节点）节点之间的连接问题是什么？问题四：拖放（节点）节点连接线跟随变化？问题5：（节点）节点鼠标右键菜单问题？问题1：https://developer.mozilla.org...这里我使用的是标签问题2：（使用拖放方式）https://developer.mozilla.org...拖放至将面板外的SVGHTML标签复制到SVG面板：想法不是真正的HTML拖放，（1）只需按下鼠标左键->将html中的数据保存在拖动方法提供的变量中（2）并将（3）拖到SVG面板中，得到上次鼠标抬起的位置，组装节点数据（这里数据自动提交到后台），因为数据是双向绑定的，所以将自动呈现到SVG面板。问题3：四次贝塞尔曲线：https://www.zhangxinxu.com/wo...每个节点中都会有0个或多个输入输出端点。注意：数据源没有输入端点。每个端点都有自己的ID。点击并移动鼠标会通过ID找到起点的位置，使用路径的四次贝塞尔曲线画线（这里还是使用数据的双向绑定来实现画线）Question4：如果第3题没问题，第4题就解决了。拖动某个“节点”节点，通过数据源找到与其关联的输入输出端点，并计算相关端点之间的连线。通过数据自动绘制改题5：这个先不说了，网上搜一下吧！演示如下