基于vue3 、vite 、 AntV完成的流程设计器

最新推荐文章于 2024-07-05 07:00:00 发布
最新推荐文章于 2024-07-05 07:00:00 发布
阅读量499 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mmkjsh/article/details/131263135
版权

真正的大师,永远都怀着一颗学徒的心！

一、项目简介

基于vue3 、vite 、 AntV完成的流程设计器

二、实现功能

  • 支持流程属性

  • 支持职能部门维护

  • 支持撤销

  • 支持重做

  • 支持基本图形节点、表格图

  • 支持生成图片

  • 支持状态管理

  • 支持操作权限

  • 支持节点的闭环

  • 支持信息互换等

三、技术选型

  • html+css+js

  • vite

  • vue3

  • axios

  • element plus

  • AntV X6 2.0

  • mockjs

四、界面展示

五、源码地址

私信回复：流程引擎

程序员小美
关注
基于jeecgboot-vue3的Flowable流程同时支持bpmn流程设计器与仿钉钉流程设计器（全网首创）
宁波阿成的博客
07-15 509
基于jeecgboot-vue3的Flowable流程同时支持bpmn流程设计器与仿钉钉流程设计器（全网首创）
一个超级棒的VUE流程设计器
Github导航站
02-04 5545
  大家好，我是为广大程序员兄弟操碎了心的小编，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标！   今天小编推荐一款流程设计器easy-flow， easy-flow基于VUE+ElementUI+JsPlumb的流程设计器，通过 vuedraggable 插件来实现节点拖拽。 功能介绍 支持拖拽添加节点 点击线进行设置条件 支持给定数据加载流程图 支持画布拖拽 支持连线样式、锚点、类型自定义覆盖 支持力导图 如何集成 在自
Vue Flow：绘制你的Vue 3流程图，让设计更自由！
最新发布
2401_83063795的博客
07-05 2179
定制你的Vue 3流程图，释放创造力！
vue 流程设计器.zip
09-11
vue 流程设计器,基于VUE+ElementUI+JsPlumb的流程设计器
flow-editor-vue:基于flowable绘图工具oryx的流程设计器
05-30
flow-editor-vue 安装 NPM npm i flow-editor-vue 运行示例代码 NPM npm run serve 说明 本项目examples文件夹中的示例代码，主要为测试API而写， 大家可以通过调到已抛出的API结合自定义UI实现更加美观和符合实际项目需求的界面。 最终功能及效果，由你来决定！ 如下是经过UI调整优化后的示例图：
流程设计器（新）
04-18
WEB端的流程设计器 主要使用的技术：VML（缺点：只支持IE浏览器）、Ext和JS操作XML。 事先申明，代码并不是很规范，可能很难阅读，有需要源码的我可以提供，仅供参考。
一款基于vue3的简单审批流程开发的表单+流程设计器
dsyuan001的博客
10-19 3026
这款基于Vue3开发的简单审批流程表单+流程设计器，旨在为用户提供一种高效、灵活且易用的审批流程构建解决方案。
vue3+vite+ts+antv/x6搭建的流程图编辑页面
03-26
最后，还为这些功能提供了对应的快捷键，使得我们可以更加快速地上手并完成流程图编辑项目。这些快捷键的设计充分考虑了用户的使用习惯，使得操作流程更加顺畅和高效。 流程图编辑页面是一个专门用于创建、编辑和...
基于Vue3+ts+element-plus+AntV X6实现的流程图编辑器源码
11-02
在本项目中，"基于Vue3+ts+element-plus+AntV X6实现的流程图编辑器源码"，开发者采用了一系列现代前端技术构建了一个功能丰富的流程图编辑工具。让我们详细了解一下这些关键技术及其在项目中的应用。 首先，Vue3是...
基于 Vue3、Vite、Ant-Design-Vue大数据开发案例
04-11
基于 Vue3、Vite、Ant-Design-Vue、TypeScript、Vue Vben Admin，最先进的技术栈，让初学者能够更快的入门并投入到团队开发中去。包括模块如：组织机构、角色用户、菜单授权、数据权限、系统参数等。强大的组件封装...
基于vue3+vite+cesium 生成热力图CesiumHeatmap源码
11-22
在vue3+vite+cesium加载CesiumHeatmap生成热力图时不能直接使用， 需对源码进行重新封装及修改后方可在vue3+vite中调用； 源码已修改并验证可用；
vue 结合gojs的流程设计器
03-09
将go.js 流程图 流程设计与vue框架结合使用 未去水印版本
基于VUE ElementUI flow的流程设计器，可以实现节点拖拽。美观、简化使用
10-22
基于VUE ElementUI flow的流程设计器，可以实现节点拖拽。美观、简化使用 支持拖拽添加节点 点击线进行设置条件 支持给定数据加载流程图 支持画布拖拽 支持连线样式、锚点、类型自定义覆盖 支持力导图 完全开源，请放心下载 ，在多个项目中使用
VUE + bpmn 流程设计器 demo
04-10
VUE + bpmn 流程设计器 demo方便大家，VUE + bpmn 流程设计器 demo方便大家
vue-bpmn-element:bpmn.js流程设计器组件，基于vue-elementui美化属性面板，满足90％以上的业务需求
03-20
bpmn.js流程设计器组件 1、调整设计器UI布局，基于vue-elementui美化属性面板 2、支持设置任务变量、表达式、分支条件等，满足90%以上的业务需求 3、支持flowable和activiti 组件常用方法 1，配置支持flowable（激活） < vue xss=removed></ vue> 2，组件还在完善中，如果有需要扩展需求，可以参考以下三个事件： // 监听选择事件，改变属性栏表单的显示与隐藏 this.modeler.on("selection.changed", e => { // TODO }) // 监听内容变化事件，改变属性栏的值 this.modeler.on("element.changed", e => { // TODO }) // 监听点击事件 this.modeler.on("el
vue3.0 流程编辑器
qq_16603051的博客
08-20 6676
源码地址 #vue-flow-editor-vue3.0 ##简介 vue-flow-editor是基于Vue3.0以及G6@3.1.10实现的流程编辑器。在线操作地址： ##特点 -兼容ie； -轻量级依赖 -依赖于Vue3.0、g6、element-plus，但是打包的vue-flow-editor中是不包含这些依赖的， 由开发者手动引入，方便管理依赖； -对G6的连接线进行了简单封装，对节点无影响。开发者可...
vue 流程设计器_拖拽式流程表单设计器——雀书
weixin_39890633的博客
12-12 505
对于很多中小型企业而言，重新购买或搭建新的系统，需要维护它，甚至需要配备专业的IT技术人员去协助试用和维护，无形中增加了不少支出。但是，通过组件配置表单流程，拖拽式搭建，可视化操作，不仅可以大大节约企业流程管理开发方面的时间成本，还能满足企业的多样化需求。雀书是一款基于Vue和springboot开发的表单设计器，提高表单开发效率的利器，让开发者从枯燥的表单代码编写中解放出来,提供了常用的表单组件...
vue3+vite 集成activiti前端设计器
09-02
总的来说，要将 Activiti 前端设计器集成到 Vue3 Vite 中，需要下载和解压设计器的文件，创建一个新的组件用于加载设计器，配置一个新的路由来展示设计器的界面，并通过数据绑定和方法绑定将设计器的功能集成到 Vue3...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员小美

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值