真正的大师,永远都怀着一颗学徒的心！一、项目简介一个开源的可以自定义的拖拽式智能报表系统。项目主要技术是springboot和vue. 三步就可以配置一个报表展示大屏。 数据流程图 第一步：配置我们需要的数据源，也就是连接一个数据库，mysql，oracle，SqlServer等等； 第二步：选择数据源，选择编码方式，数据集名称，数据集，然后写一下sql语句 …
vue 流程图
基于VUE+ElementUI+JsPlumb的流程设计器，通过 vuedraggable 插件来实现节点拖拽。支持拖拽添加节点点击线进行设置条件支持给定数据加载流程图支持画布拖拽支持连线样式、锚点、类型自定义覆盖【源码】获取源码关注后私信回复“流程设计器” …
利用Vue开发页面过程当中, 页面组件化是必备的技巧之一。但是由于各种原因，子组件的数据需要来源于父页面加载完之后，父页面才能把参数传给子页面，例如，我们常见的一个工作流审批页面：表单数据项的展现，是根据工作流的ID，动态展现出来的，也就是说，当父组件的组件生命周期执行完，子组件才会获得对应的数据。如果不加任何限制，子组件生命周期是和父组件一起完成的。一个完 …
前言最近有粉丝找到我，说被面试官给问懵了。粉丝：面试官上来就问“一个vue文件是如何渲染成浏览器上面的真实DOM？”，当时还挺窃喜这题真简单。就简单说了一下先是编译成render函数、然后根据render函数生成虚拟DOM，最后就是根据虚拟DOM生成真实DOM。按照正常套路面试官接着会问vue响应式原理和diff算法，结果面试官不讲武德问了我“那render …
流程设计器，基于Vue + Ant Design Vue + JSPlumb，该组件目的是为了使用在Vue项目中，它前身是原生版流程设计器。Vue版本以全新的技术栈重构了代码，并在原版基础上实现了更好的操作方式，新版会作为优先版本持续迭代。基础面板拖拽节点到绘图区连线拖拽对齐或使用自动对齐显示隐藏网格设置节点和连线的属性单节点、多节点移动(按住CTRL键)改 …
Vue 3 的响应式设计是其核心特性之一，依赖于 Proxy 和 依赖收集机制，相比 Vue 2 的 Object.defineProperty，Vue 3 的响应式系统更加高效、灵活且易于维护。以下是 Vue 3 响应式设计的核心原理：一、核心机制概览使用 Proxy 实现响应式Vue 3 用 Proxy 包装对象，实现对属性的读取和设置的拦截（get 和 …
1.1、维护表sys_menu,定义菜单项、按钮及对应权限和路由；1.2、前端首页自动按表记录显示菜单，调用index.vue显示操作界面（增删改查）；1.3、点击相应按钮后，执行api.js中的方法，向后端api请求数据，根据结果刷新界面。2.1、controller 收到前端请求后，调用serviceImpl中的方法；2.2、serviceImpl 再调 …
1、LogicFlow(1) 介绍：LogicFlow 是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端研发自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置上都有较好的应用。(2) 源码下载：https:github.c …
网上看了一些diff的算法，但是感觉看完之后，还是那么的一知半解，为什么一个简单的diff算法，不能直接画个流程图就简单的明了了呢，说动就动，下面的是本人基于vue版本2.6.11源码为各位读友进行的解析Vue的diff流程图流程前说明由于diff的过程是对vnode（虚拟dom）树进行层级比较，所以以同一层级作为例子下面将旧节点列表的起始和终止节点称为OS …
前言activiti是目前比较流行的工作流框架，但是activiti学起来还是费劲，还是有点难度的，如何整合在线编辑器，如何和业务表单绑定，如何和系统权限绑定，这些问题都是要考虑到的，不是说纯粹的把activiti整合到系统中就完事了。如今国内比较流行的是前后端分离模式，之前都是前后端放一个工程里面，接口风格很乱，并且不好维护，前后端开发不是很方便。目前前端 …