项目名称：AJ-Report项目作者：anji-plus开源许可协议：Apache-2.0项目地址：https:gitee.comanji-plusreport项目简介大屏设计（AJ-Report）是一个可视化拖拽编辑的全开源项目，直观，酷炫，让你轻松制作出具有科技感的大屏图表。项目截图数据流程图技术栈后端Spring Boot2.3.5.RELEASE: …
最新内容
这是 Vue3 + Vite + Pinia +TS + Element-Plus 实战系列文档。最近比较忙没什么时间写文章，争取早日把这个系列完结吧~生命周期和模板引用在本章之前，我们通过响应式 api 和声明式渲染，处理了 DOM 的更新，但光是这些，对于一些复杂的需要手动操作 DOM 的情况，之前介绍的就无法满足了。生命周期每个 Vue 组件在创建时经 …
登录流程分析路由处理逻辑分析路由逻辑图路由处理逻辑图如下：路由场景分析中后台路由常见的常见如下：已获取 Token：访问 login：重定向到 访问 login?redirect=xxx：重定向到 xxx访问 login 以外的路由：直接访问 xxx未获取 Token：访问 login：直接访问 login访问 login 以外的路由：如访问 dashboa …
本文主要分析 Vue 从 Data 更新，到通知 Watcher 异步更新视图的流程，也就是下图中的橙色部分。我们先来回顾一下图中的几个对象：Data 对象：Vue 中的 data 方法中返回的对象。Dep 对象：每一个 Data 属性都会创建一个 Dep，用来搜集所有使用到这个 Data 的 Watcher 对象。Watcher 对象：主要用于渲染 DOM …
真正的大师,永远都怀着一颗学徒的心！一、项目简介一个开源的可以自定义的拖拽式智能报表系统。项目主要技术是springboot和vue. 三步就可以配置一个报表展示大屏。 数据流程图 第一步：配置我们需要的数据源，也就是连接一个数据库，mysql，oracle，SqlServer等等； 第二步：选择数据源，选择编码方式，数据集名称，数据集，然后写一下sql语句 …
基于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 和 …