回顾:
上一篇我们介绍了Draw2d整体结构,展示了组件类关系图,其中比较重要的类有Node、Canvas、Command、Port、Connection等,这篇将进一步介绍Draw2d如何使用以及如何扩展。
进入主题:
详细介绍一下Draw2d中几个比较重要的类:
Node类:
是对添加到画布上的节点的高度抽象,如:开始、结束、各种类型Task节点等。它的实现类比较多这里不一一展开讲解了,我们来看看它有哪些重要的方法:
Port类:
是对连接节点间的线的起点和终点的抽象,它有两个实现类:InputPort和OutputPort。
它们有什么区别呢?看下图你就会明白:
是不是很简单,Port类方法如下:
Connection类:
使用Connection类可以绘制节点间的连接线,Connection类方法如下:
Canvas类:
方法如下:
以上介绍的是本设计器主要使用到的类以及方法,其他类和方法由于时间篇幅有限这里不过多的说明,请参考源码比较容易理解。
下一篇讲解如何扩展和使用Draw2d
http://lisonghua2010.iteye.com/admin/blogs/1490165
Activit官方文档地址
http://activiti.org/userguide/index.html
-------------------------------------------------华丽分割线---------------------------------------------------------------------
温馨提示,下面是广告时间(不喜请绕行)
推广一下本人的小店:
http://tianya-zahuopu.taobao.com/
优惠多多,欢迎光临!
相关推荐
easyui实现的Activiti工作流引擎web版流程设计器 跨浏览器流程设计器 打开文件 processDesigner\wf\designer\index.html
基于easyui实现的activiti模型设计器。
基于draw2d和easyui开发的一个流程管理原型界面,能拖拽,根据拖拽的内容生成xml内容,根据xml自动解析生成界面
EasyUI框架集成Draw2D 组件开发BPM 工作流实例。纯Web版本,下载打开可以直接使用!
easyui实现的Activiti工作流引擎web版流程设计器 跨浏览器流程设计器 1.根据Activit设计器实现了除User Task外的其余节点。 2.重构的JS脚本,更利于扩展。
基于Draw2d Touch实现的Activiti工作流Web设计器,本设计器完全使用JQuery语法开发,集成Easyui前端框架,支持多种主流浏览器。支持Activiti5以上语法结构。采用目前比较流行的JS库-JQuery。符合BPMN2.0标准。可视化...
基于easyui做的一套管理系统 基于easyui做的一套管理系统
基于easyui中的textbox输入框自定义的颜色选择器及源码
目录 背景介绍 *activiti5*,是一个轻量级的工作流和业务流程管理平台。 *优势*,它最大的优势在于采用了PVM(流程虚拟机),基于...easyui、jqueryui plugin以及著名的js框架*draw2d*开发的。 * *题外话*,其
基于hibernate spring struts shiro activiti easyui框架的物流系统,可做毕业设计代码自己看着视频手打的,可以运行,内涵数据库 说明等,适合做毕业设计和课程答辩
easyui开发包,包含所有的demo及开发easyui相关的所有开发包
使用EasyUI开发的web代码,包括权限和部分组织架构
jQuery+EasyUI开发示例(附源码)
easyui开发手册easyui开发手册easyui开发手册easyui开发手册easyui开发手册easyui开发手册easyui开发手册easyui开发手册easyui开发手册
processDesigner easyui web在线流程设计
基于EasyUI的仓库管理系统
jQuery+EasyUI开发指南宝典
EasyUI Web Admin HTML