bpmn.js
文章平均质量分 80
前端开心果
哈喽,我是一个前端程序媛,专注于前端技术的学习、分享与交流,包括web前端基础知识、进阶技术、学习资料、工具技巧、视频教程、面试题等信息。让我们在前端的学习道路上一起进步吧!
展开
-
自定义bpmn.js左侧工具栏palette样式
自定义bpmn.js的样式前期准备我在之前的 vue-bpmn 项目的 git 仓库下新创建了一个分支 custom,用来存放自定义样式的内容自定义左侧工具栏palette样式原创 2021-02-21 14:00:35 · 8765 阅读 · 1 评论 -
bpmn.js元素事件监听
如果在编辑流程图的过程中,需要对图中元素的动作进行监听,比如:shape.added 新增一个 shape 之后触发shape.removed 删除一个 shape 之后触发connect.end 连线完成后触发官网提供了很多其他事件接下来一起来测试一下吧监听 nodeler并绑定事件还是在之前项目 vue-bpmn 的基础上,在 views 文件夹下新增 event.vue 文件在 success() 函数中添加上监听事件的函数<script>... succe原创 2021-02-06 14:49:37 · 5832 阅读 · 0 评论 -
bpmn.js在vue中发送http请求
之前使用的是本地写死的 xml 字符串来渲染流程图,实际开发中肯定不满足我们的需求,那么我们应该如何解决这个问题呢?常用的做法是:前端发送 axios 请求,获取到 xml 的字符串,然后使用 bpmn.js 中的 importXML 的方法将 xml 字符串转换为图形在页面上渲染出来。接下来进入正题啦~bpmn.js在vue中发送http请求通过http请求获取并渲染数据还是在之前创建好的项目 vue-bpmn 的基础上添加代码先在项目中安装 axios 用于发送 http 请求np.原创 2021-02-06 10:14:34 · 870 阅读 · 0 评论 -
bpmn.js在vue中初体验
前提:项目中需要绘制流程图的需求,涉及到Activiti和Bpmn.js的使用,接下来就来看看如何在Vue中使用Bpmn.js绘制在线流程图吧。额,bpmn.js是什么?是一个实验BPMN2.0渲染工具包和web建模器,可以使画流程图的功能在前端来完成。如果你不了解它的话,可以来这初体验一下,看看它是否满足你的需求吧。bpmn.js界面内容介绍首先先创建一个 `vue` 项目,并安装好路由```vue create vue-bpmncd vue-bpmnnpm i vue-router.原创 2021-02-05 15:47:08 · 5773 阅读 · 3 评论