自定义的拖拽式智能大屏(springboot+VUE)
1、工作流低代码非常适合学习、项目研发、私活项目开发等工作场景，实现大部分场景可以无需编码，通过拖拽表单+流程设计实现流程审批功能，大大减少了研发的工作量。
2、本文以开源项目SpringBlade和Saber为例。创建自定义网络 目的是将用到的服务都放到同一个网络段，以方便互相通信。
3、vue springboot能写app.Spring Boot 是所有基于 Spring 开发的项目的起点。Spring Boot 的设计是为了让你尽可能快的跑起来 Spring 应用程序并且尽可能减少你的配置文件。
vue实现可配置流程图
1、使用建模器在你的应用内部创建BPMN0流程图。
2、首先第一步，在components文件夹里新建两个.vue文件。将用它们来路由页面。并且分别取名routerrouter2 接下来，我们就开始配置路由了。首先说几个准备思路吧。
3、bpmn-js 使用 Web 建模工具可以很方便的构建 BPMN 图表，可以把 BPMN 图表嵌入到你的项目中，容易扩展。bpmn-js是基于原生js开发，支持集成到vue、react等开源框架中。
4、通过一个数组渲染菜单，实现页面权限的自动配置。n级菜单有n-1级菜单构成...以此类推可得：多级菜单就是通过二级菜单循环构成。在element-ui中找到 NavMenu 导航菜单 组件，使用该组件做一个二级菜单的循环体组件。
5、创建一个Vue实例 通过vue函数创建一个新的vue实例 一个Vue 应用由一个通过new Vue创建的 根 Vue 实例 ，以及可嵌套的、可复用的组件树组成的。
6、vue设置全局配置文件，打包后在dist包内可手动修改配置文件。
Vue3.0实现拖拽布局
是一个轻量级、响应式的 JS 拖放库，由 Shopify 出品。它提供了高级的拖放功能，能够快速进行 DOM 重新排序，并且拥有清晰的 API 和访问标记。
该div元素应设置draggable=true属性来标识该元素可拖拽。为该div元素添加一个v-on：dragstart监听事件，该事件函数接收一个event参数。
npm安装 bower安装 CDN 注： 最好放在中引用，不要放在中。
vuedraggable 是一个非常强大的第三方组件，他可以支持任意组件的拖拽，以及拖拽时的样式，是否允许拖拽等等。