![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular与bpmn集成
江湖儿女快意恩仇
江湖儿女快意恩仇,我是没有感情的小秃头
展开
-
在angular中引入bpmn(5)【自定义扩展bpmn属性栏】
对于bpmn的一些扩展,最复杂的莫过于 自定义扩展属性栏 了,注意观察就可以发现,属性卡有很多标签页,每个标签页有很多属性,不同的元素属性还不同,因此,扩展bpmn属性相当复杂,大致可分为以下几种:新增一栏,针对全部元素新增一栏,针对个别元素在某一栏内,新增一个属性但是,扩展过属性栏的都知道,一个属性可以是一个输入框,单选框、同步异步,输入输出等等,很多很多花样,而且属性跟形成的bp...原创 2020-03-16 09:49:27 · 1899 阅读 · 0 评论 -
在angular中引入bpmn(4)【扩展bpmn工具栏】
当我们使用bpmn画图时,会发现它不止只有工具栏里面的那些基础图形,在点击“修改类型”时,发现还有很多工具,说明是可以在左侧工具栏直接把这些工具加上去的。扩展完的工具栏,这么长,哈哈哈哈哈!下面这个操作可以说是很有意思了,略微有点复杂,有时间可以试试1、首先建立一个文件夹(名为bpmn-tools,在后面(5)要用到),里面有3个js文件(都可以完全复制我的),名字你们随意,但是里面必须...原创 2020-03-16 01:48:40 · 1475 阅读 · 1 评论 -
在angular中引入bpmn(3)【汉化、引入中文包】
不管是引入基础bpmn,还是通过引入camunda扩展了属性栏,工具栏和属性栏都是英文的,对我这种英语渣渣,很痛苦了…这篇博客主要是讲如何引入汉化包,汉化bpmn的工具栏以及属性栏。只有几个步骤,不是很复杂,两个重要文件都可以直接复制1、创建一个文件夹,里面有两个js文件,名字你随意,我创建的(translate.js)(CustomTranslate.js)translate.js文件如...原创 2020-03-16 00:43:58 · 945 阅读 · 0 评论 -
在angular中引入bpmn(2)【扩展bpmn属性栏】
还是要强调,我也是参照下面这个博主写的教程才学会使用的,可以先去看他的,他写的特别棒。BPMN-JS与Angular集成(1)BPMN-JS与Angular集成(2)BPMN-JS与Angular集成(3)我这个只能算自己的总结笔记,我其实对这些原理不是很清楚,只是明白操作步骤,算是以一个小白的视角来描述步骤1、扩展基础的bpmn属性栏,原生bpmn属性栏属性较少,可以通过引入Camu...转载 2020-03-16 00:08:17 · 1287 阅读 · 0 评论 -
在angular中引入bpmn(1)【引入基础bpmn】
因为之前公司的angular项目中需要用到bpmn,网上教程不多,这个算是我一边学一边的总结吧!我是参照下面这个博主写的教程才学会使用的:他写的特别棒BPMN-JS与Angular集成(1)BPMN-JS与Angular集成(2)BPMN-JS与Angular集成(3)我这个只能算自己总结一下在angular中引入bpmn的步骤:1、 首先在项目中使用两个命令:npm install ...原创 2020-03-15 15:22:31 · 1308 阅读 · 0 评论