bpmn.js

bpmn.js自定义各项，palette contextPad elementFactory modeling renderer rules

从bpmn仓库给出的example看https://github.com/bpmn-io/bpmn-js-examples我们要实现自定义可以有两种方式，【继承】bpmn-js，并修改原型上的方法，达到兼容自定义的相关【重新实现】也就是把bpmn做的事情，在本地再做一遍，当然你可以各种“借鉴”里面的function，并达到你的要求比如customModeler/index.jsimportCust
许珊珊·2024-02-08 14:53

最详bpmn.js教材-自定义palette篇

bpmn.js是一个BPMN2.0渲染工具包和web建模器,使得画流程图的功能在前端来完成.自定义Palette篇经过前面几章的基础教程相信大家对bpmn.js的基本使用已经有了一个很好的掌握.从这一章节开始我会讲解一些关于
noBUG1209·2024-02-08 14:52

bpmn-js自定义之Modeler以及相关引用

项目环境：bpmn.js:7.5.xvue:2.x项目中使用到bpmnjs的时候，大多数情况都是需要自定义定制才能满足需求，因此bpmnjs的自定义基本不可避免，今天我们来进行vue中的bpmnjs的Modeler
程序猿Owen·2024-02-08 14:22

bpmn.js一个基于Bpmn 2.0的前端工作流展示和绘制工具

bpmn.js是由开源工作流引擎camunda内部组织BPMN.IO组织开发的一款基于BPMN2.0的工作流展示、编辑的web端工具库。
胖蔡·2024-02-08 14:51

基于springboot开发的工作流系统，bpmn.js，vue源码及功能分析（activiti）

前言activiti工作流引擎项目，企业erp、oa、hr、crm等企事业办公系统轻松落地，一套完整并且实际运用在多套项目中的案例，满足日常业务流程审批需求。一、项目形式springboot+vue+activiti集成了activiti在线编辑器，流行的前后端分离部署开发模式，快速开发平台，可插拔工作流服务。工作流表单可平滑的接入自定义表单，接入后进行业务审批流转。本项目集成了工作流所有的功能，
瓯雅爱分享·2024-02-01 20:40

开箱即用的开源工作流

相比基于BPMN.js的工作流引擎，他的解决方案更容易上手，一般用户也能在几分钟内搭建自己的工作流程。这样，非专业人员也能轻松驾驭工作流引擎，无需过于复杂的专业知识。
CXYGZL小哥·2024-01-16 16:42

CXYGZL-程序员工作流，持续迭代升级中

概述现在开源的工作流引擎，基本都是以BPMN.js为基础的，导致使用门槛过高，非专业人员无法驾驭。
CXYGZL小哥·2024-01-16 16:39

vue3使用工作流bpmn.js实现保存 ，新增，修改 ，右边工具栏自定义，属性栏自定义

vue3使用工作流bnpm.js实现保存，新增，修改，右边工具栏自定义，属性栏自定义请选择一个元素1">只能选择一个元素节点id{{element.id}}名称    changeField(event,'name')"/>用户名{{option.label}}保存最新的xml文件//import{workFlowApi}from'/@/api/bnpm/b
鸥总·2024-01-10 12:56

Flowable集成bpmn.js流程中心开源系统后台

后台讲解一、视频路径二、预览1、在线预览2、截图预览三、源码路径四、安装步骤1、安装数据库2、配置数据源3、启动应用程序4、访问路径五、项目结构六、联系作者七、捐赠一、视频路径bilibili视频地址二、预览1、在线预览后台流程中心2、截图预览三、源码路径github源码地址码云源码地址四、安装步骤1、安装数据库新建一个数据库flow导入数据库脚本：docs/sql/flow.sql2、配置数据源
小学生05101·2024-01-05 19:48

Bpmn.js 进阶指南之原理分析与模块改造

utm_campaign=annual_2023&utm_medium=self_web_share&utm_source=MiyueFE前言由于bpmn.js内部各个模块相互独立，很难编写出全面且流畅的使用教程
MiyueFE·2023-12-29 23:16

boot-admin整合flowable官方editor-app进行BPMN2.0建模

在工作流bpmn2.0可视化建模工具实现的细分领域，网上扑面而来的是bpmn.js这个渲染工具包和web建模器，而笔者却认为使用flowable官方开源editor-app才是王道。
超然楼·2023-12-21 23:46

vue3弹框使用【bpmn.js 使用总结】预览流程图

取消import{defineComponent,ref,reactive,onMounted,watch,watchEffect}from"vue";import{client}from"bettem-micro-utils";import{apiFund,uploadFiles,apiPro}from"@/api";import'bpmn-js/dist/assets/diagram-js.c
qq_Girl200·2023-10-30 06:19

[开源]企业级流程中心，基于flowable和bpmn.js封装的流程引擎

一、开源项目简介企业级流程中心（基于flowable和bpmn.js封装的流程引擎，采用Springboot，Mybatis-plus,Ehcache,sa-token等框架技术,前端采用Vue3&Antd
TNT报社·2023-10-13 10:32

bpmn.js的简单使用 附源码

文章目录一、bpmn.js是什么？
灰太狼大王灬·2023-09-25 20:27

vue + bpmn.js 通过.bpmn文件展示工作流（流程高亮，可拖动）

使用Viewer模式仅供展示，不可编辑。编辑请使用Modeler效果图依赖npminstallbpmn-js--save//如果想要从本地导入bpmn格式的流程文件，需要配置raw-loadernpminstallraw-loader--save//用来实现拖动功能npmidiagram-js--save自定义Viewer(custom-bpmn)bpmn-js的Viewer模式默认并不支持拖动功
海綿寶寶_·2023-09-25 20:57

全网最详bpmn.js教材-编辑、删除节点篇

前言Q:bpmn.js是什么?️bpmn.js是一个BPMN2.0渲染工具包和web建模器,使得画流程图的功能在前端来完成.Q:我为什么要写该系列的教材?️
LinDaiDai_霖呆呆·2023-09-17 09:47

vue整合bpmn.js适配Activiti

最近项目需求需要用到Activiti以及Bpmn.js，我就去查阅资料学习了一下，现在项目已经到了收尾阶段，回头整理记录一下我整合bpmn.js的步骤及操作。
positive_Y·2023-09-01 03:23

bpmnjs Properties-panel拓展（属性设置篇）

最近有思考工作流相关的事情，绘制bpmn图的工具认可度比较高的就是bpmn.js了，是一个基于node.js的流程图绘制框架。
回炉重造P·2023-09-01 03:22

vue3集成bpmn.js

1安装依赖npminstallbpmn-jsnpminstallbpmn-js-properties-panelnpminstallcamunda-bpmn-moddle注意依赖会有冲突，最好按照下列版本来安装："bpmn-js":"^7.3.1","bpmn-js-properties-panel":"^0.37.2","bpmn-moddle":"^6.0.0","camunda-bpmn-m
高秉文·2023-08-31 22:55

vue3.0 bpmn-js + TS 简易教程

前言bpmn.js是一个BPMN2.0渲染工具包和web建模器,使得画流程图的功能在前端来完成.这里主要记录本人在开发bpmn中的流程参照了LinDaiDai_霖呆呆大佬的文档实战安装bpmnnpminstall
下一站丶·2023-08-04 10:40

bpmn.js左侧Palette默认没有user-task（用户任务）

1.bpmn.js左侧Palette默认没有user-task（用户任务）做项目时想找个Vue3.x+bpmn-js+element-plus配合后端实现Activiti流程设计器于是去github找到了唯一个契合的案例：bpmn-vue-activiti基于Vue3.x+Vite+bpmn-js+element-plus+tsx实现的Activiti流程设计器可是不知道为什么他左侧Palette
单筱风·2023-07-30 04:47

BPMN绘制流程的项目推荐

项目简介ViteVueBpmn流程编辑器，基于Bpmn.js，Vite，Vue.js3.x,Naiveui实现了Bpmn.js和Diagram.js的typescript类型声明，typescript可以用来在编辑器中编写代码
进击的王十二·2023-07-27 14:05

vue+bpmnjs+activiti 基本使用

2.使用springboot集成activiti7可以参考springboot+activiti7简单使用一、bpmn-js本文主要介绍bpmn-js实现activiti的流程设计器，主要参考全网最详bpmn.js
qq_42155347·2023-04-20 12:17

vue项目里引用 gojs 流程图

vue+gojs流程图要实现的需求流程图，支持字体图标，颜色，可连接线，点击时右侧展示相关的详细信息调研了多种可拖拽流程图的技术，如：bpmn.js,gojs等,由于bpmn-js功能冗余，GOJS相对于更加轻量级
weixin_43478305·2023-04-19 16:44

全网最详bpmn.js教材-基础篇

前言Q:bpmn.js是什么?️bpmn.js是一个BPMN2.0渲染工具包和web建模器,使得画流程图的功能在前端来完成.Q:我为什么要写该系列的教材?️
LinDaiDai_霖呆呆·2023-04-18 00:09

全网最详bpmn.js教材-http请求篇

前言Q:bpmn.js是什么?️bpmn.js是一个BPMN2.0渲染工具包和web建模器,使得画流程图的功能在前端来完成.Q:我为什么要写该系列的教材?️
LinDaiDai_霖呆呆·2023-04-15 13:53

springboot集成activiti工作流，bpmn.js在线流程编辑器，前后分离vue项目

前言目前市场上有很多开源平台没有整合工作流，即使有，也是价格不菲的商业版，来看这篇文章的估计也了解了行情，肯定不便宜。我这个快速开发平台在系统基础功能（用户管理，部门管理…）上整合了工作流，你可以直接用来开发ERP，OA，CRM等企业级应用，不用再担心如何再去花大量的时间集成工作流进来。博主是个人开发者。研究工作流有几年了，依稀记得第一次写工作流是用在江苏某省局的用车申请业务上，那时候年轻气盛，精
老街老街·2023-04-02 10:45

全网最详bpmn.js教材

前言Q:bpmn.js是什么?️bpmn.js是一个BPMN2.0渲染工具包和web建模器,使得画流程图的功能在前端来完成.Q:我为什么要写该系列的教材?️
LinDaiDai_霖呆呆·2023-03-30 10:03

bpmn.js in angular10

Angular中引入bpmn.js最近的工作中有workflow相关的需求，初步讨论决定用Camunda实现。
云上笔记·2023-03-25 08:52

bpmn.js在vue中初体验

前提：项目中需要绘制流程图的需求，涉及到Activiti和Bpmn.js的使用，接下来就来看看如何在Vue中使用Bpmn.js绘制在线流程图吧。额，bpmn.js是什么？
风如也·2023-03-16 06:16

react+bpmn-js+flowable问题解决记录

文章1：Bpmn.js中文文档(一)文章2：bpmn-js（五）线条上添加决策表达式文章3：全网最详bpmn.js教材-properties-panel篇(上)文章4：前端v
火星笔记·2023-02-04 15:30

全网最详bpmn.js教材-properties-panel篇(上)

前言Q:bpmn.js是什么?️bpmn.js是一个BPMN2.0渲染工具包和web建模器,使得画流程图的功能在前端来完成.Q:我为什么要写该系列的教材?️
LinDaiDai_霖呆呆·2023-01-27 16:49

Activiti的心路历程：Activiti使用Java代码创建Bpmn流程信息

注意：此处使用activiti6.0版本，使用自动布局和不使用自动布局，pom坐标有差异如果是前后端分离的项目，我建议前端使用bpmn.js来生成bpmn文件，后端只负责部署流转即可,此处代码是采用activiti
Mr.敦的私房菜·2022-11-02 09:06

种草两个可以画 flowable 流程图的 Vue 库！

之前松哥发了一篇文章和小伙伴们介绍了前端的bpmn.js这个库，利用这个库我们可以自己将绘制流程图的功能嵌入到我们的项目中。
·2022-09-07 15:52

没有一个顺手的流程绘制工具？好吧，自己动手，丰衣足食

标准化的东西其实是最容易做的，但是IDEA上却一直没有一个称手的流程绘制工具，其实这也是一个机会吧哈哈，自己搞一个IDEA插件～不过这个机会留给各位正在阅读本文的小伙伴吧，松哥今天跟大家介绍另外一个工具bpmn.js
_江南一点雨·2022-08-29 20:08

没有一个顺手的流程绘制工具？好吧，自己动手，丰衣足食！

标准化的东西其实是最容易做的，但是IDEA上却一直没有一个称手的流程绘制工具，其实这也是一个机会吧哈哈，自己搞一个IDEA插件～不过这个机会留给各位正在阅读本文的小伙伴吧，松哥今天跟大家介绍另外一个工具bpmn.js
·2022-08-29 15:51

Vue+bpmn.js自定义流程图之contextPad（四）

自定义bpmn.js上下文元素contextPad一、回顾二、文件结构三、代码实现1.contextPadProvider.js文件2.inedx.js文件3.css文件四、整合使用五、效果展示一、回顾
高质量coder·2022-06-13 12:28

Vue+bpmn.js自定义流程图之render（三）

自定义bpmn.js画板元素render一、回顾二、代码1.目录2.代码实现1.render.js文件2.util.js文件3.index.js文件三、效果一、回顾经过前面palette模块的自定义，左侧工具栏的样式已经出来了
高质量coder·2022-06-13 12:27

Vue+bpmn.js自定义流程图之palette（二）

自定义bpmn.js左侧工具栏palette样式一、回顾1.预览2.目录结构二、代码1.paletteProvider.js文件2.css文件3.index.js文件三、总结一、回顾1.预览我们来实现如下左侧工具栏的自定义样式
高质量coder·2022-06-13 12:57

全网最详bpmn.js教材-Color篇

前言Q:bpmn.js是什么?️bpmn.js是一个BPMN2.0渲染工具包和web建模器,使得画流程图的功能在前端来完成.Q:我为什么要写该系列的教材?️
LinDaiDai_霖呆呆·2022-02-19 12:32

Activiti 7 学习整合 BPMN.js（一）

当前Activiti版本org.activitiactiviti-spring-boot-starter7.1.0.M4org.activiti.dependenciesactiviti-dependencies7.1.0.M4pomdeployment:添加资源文件，获取部署信息，部署时间等@AutowiredprivateRepositoryServicerepositoryService;/
吉他手_c156·2021-06-22 02:00

ServiceTask自定义属性

分析按照上面的需求，我们需要做的主要是以下功能入参，勾选表单的参数调用地址调用方式（GET\POST）返回值判断（外部接口按照我们的定义统一返回就行）异常处理邮件企业微信告警实现前端部分用的是bpmn.js
西城丶·2021-06-12 14:54

Bpmn.js自定义文件说明

Bpmn.js自定义文件说明由于工作需要（其实不是很需要），在公司项目的基础上开源了一个基于bpmn-js+Vue2.x+ElementUI的一个流程编辑器BpmnProcessDesigner,预览地址
MiyueFE·2021-02-21 11:46

Bpmn.js 中文文档(二)

Bpmn.js中文文档(二)前言：由于工作需要（其实不是很需要），在公司项目的基础上开源了一个基于bpmn-js+Vue2.x+ElementUI的一个流程编辑器BpmnProcessDesigner,
MiyueFE·2021-02-21 11:05

Bpmn.js 中文文档(一)

Bpmn.js中文文档(一)由于工作需要（其实不是很需要），在公司项目的基础上开源了一个基于bpmn-js+Vue2.x+ElementUI的一个流程编辑器BpmnProcessDesigner,预览地址
MiyueFE·2021-02-21 11:01

Bpmn.js 中文文档（二）

文章首发于掘金Bpmn.js中文文档（二），转载请注明出处。关于bpmn.js的简单使用，我在Bpmn.js中文文档（一）中做了简单描述，并对其中几个核心模块的api做了说明，
·2021-02-05 11:20

Bpmn.js 中文文档（二）

文章首发于掘金Bpmn.js中文文档（二），转载请注明出处。关于bpmn.js的简单使用，我在Bpmn.js中文文档（一）中做了简单描述，并对其中几个核心模块的api做了说明，
·2021-02-05 10:53

【bpmn.js 使用总结】九、 Viewer 添加缩放、改色、拖动

为Viewer添加一些功能也许你只是需要只读，但是希望保留放大缩小以及调整位置。使用NavigatedViewer和Modeler显得不是那么灵活，因为需要禁掉多余的功能。newBpmnModeler({additionalModules:[{//禁用左侧默认工具栏paletteProvider:['value','']//去不干净，还是默认生成空白dom////禁用滚轮滚动zoomScroll:
_pengliang·2021-02-03 22:14

Bpmn.js 中文文档（一）

Bpmn.js中文文档由于工作需要（其实不是很需要），在公司项目的基础上开源了一个基于bpmn-js+Vue2.x+ElementUI的一个流程编辑器BpmnProcessDesigner,预览地址MiyueFEblog
·2021-02-02 18:33

Bpmn.js 中文文档（一）

Bpmn.js中文文档由于工作需要（其实不是很需要），在公司项目的基础上开源了一个基于bpmn-js+Vue2.x+ElementUI的一个流程编辑器BpmnProcessDesigner,预览地址MiyueFEblog
·2021-02-02 18:06
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他