lisonghua2010
- 浏览: 108580 次
- 性别:
- 来自: 大连
-
最新评论
-
Stong：
地址是不是失效了啊，点进去什么都没有
Activiti工作流web设计器v2.0版发布预览 -
minghua96：
非常棒 非常棒
Activiti工作流web设计器v2.0版发布预览 -
sdmq：
祝越做越好
Activiti工作流web设计器v2.0版发布预览 -
zsms：
祝越做越好
Activiti工作流web设计器v2.0版发布预览 -
晓天123：
放到项目里运行，draw2D未定义的错误
【更新】easyui版的工作流设计器源码
文章列表
很久没有发表文章了！一直忙于公司的事情，现在终于有时间更新一下自己的项目，这次更新由于变化比较大，所以项目名称和版本都做了修改，以前的项目链接如下：
http://lisonghua2010.iteye.com/admin/blogs/1490165
以前关注过我的项目的小伙伴应该还记得这个项目，这里不做过多的介绍只介绍一下此次更新内容：
升级Draw2D脚本库为6.1.66（目前最新版本）
升级Jquery版本为1.12
升级EasyUI版本为1.4.5
重构代码，代码按照JSON语法格式编写，更直观易懂
目录结构发生变化，详细介绍可以参看G ...
背景：
小弟工作已有十年有余，期间接触了不少工作流产品，个人比较喜欢的还是JBPM，因为出自名门Jboss所以备受推崇，但是现在JBPM版本已经与自己当年使用的版本（3.X）大相径庭，想升级也不太容易，后来得知JBPM ...
题外话：
这两天周末在家陪老婆和儿子没上来更新请大家见谅！上一篇介绍了调色板和画布区的页面结构，这篇讲解一下属性区的结构也是定制器最重要的一个页面。
属性区整体页面结构如图：
在这个区域可以定义工作流中不同模型的属性，那么如何打开这个页面？其实很简单只要在你需要定义属性的模型上点击鼠标右键然后选择Properties就可以打开这个页面。对于不同的模型这个页面可能会有不同，这里就不一一介绍，这里只介绍几个常用的节点，其他模型可定义的属性可以直接下载定制器运行浏览。
节点可以设置的属性一般包括以下几个部分：、
1.General：定义当前节点通用属性，如：I ...
上一篇介绍了定制器相关的文件，这篇我们来看看整个定制器的界面部分，了解了页面结构有助于更好的理解定制器的实现，那么现在开始吧！
首先，我们来看看整体的结构：
整体结构比较简单，主要包括三个部分：
1.调色板：放置工作流各种模型（节点、分支、开始、结束等等），使用时用鼠标拖动放到画布上即可，比 较简单不再赘述；
2.画布：绘制工作流区域，这里是定制器的主要工作区，它有两个Tab页：Diagram和XML；其中Diagram可 以展现工作流的流程图，XML用来展现工作流生成的XML文件；这两个功能后面会着 ...
上一篇我们介绍了目录结构，这篇给大家整理一个文件列表以及详细说明，方便大家查找文件。
由于设计器文件主要保存在wf/designer和js/designer目录下，所以主要针对这两个目录进行详细说明。
wf/designer目录文件详解：
js/designer/connection目录文件详解：
DecoratedConnection.js 连接节点的线对应的JS
MyInputPort.js 连接节点的线的终点对应的JS
MyOutputPort.js 连接节点的线的起点对应的JS
...
题外话（可略过）：
前一段时间（要是没记错的话应该是3个月以前）发布了一个更新版本，很多人说没有文档看着比较困难，所以打算拿点时间出来详细给大家讲解一下，由于本人平时要工作还要陪老婆和孩子而且还经营着一个网店（生意不太好，但是还在坚持），所以时间比较有限，如果有讲解不到位的地方请指正。
根目录结构介绍：
css目录存放样式表
image目录存放自定义的图片
js目录存放定制器使用的JS脚本库（后面会重点介绍）
themes目录存放easyui的皮肤
wf目录内存放与界面相关的HTML文件
js目录结构介绍（只介绍使用的目录）：
designer目 ...
接上贴： http://www.iteye.com/topic/1114540
好久没来更新，一直在忙公司的项目，应广大JQuery爱好者的要求，弄了个HTML版的设计器 目前只实现了UserTask节点，其他节点类似（请参照Activiti工作流引擎），一下代码仅供参考， 有兴趣可以一起交流。
2014年1月6日 更新
已实现：
1.根据Activit设计器实现了除User Task外的其余节点。
2.重构的JS脚本，更利于扩展。
未实现：
1.文档还没有来得及写。
2.子流程没有实现。
目前存在的问题：
1.由于是静态页面并且使用 ...
在JavaEye潜水多年，今天第一次发贴，给大家秀一下自己制作的一个东东，欢迎大家来拍砖！
使用技术：
1.技术平台：Springside3+Jquery+easyUI
2.Server：Tomcat6(开发阶段使用)
3.数据库：Mysql5
4.开发工具：Eclipse3.4
5.构建工具：Maven2+Artifactory2.2
目前实现功能：
1.功能权限管理，可运行时配置
2.支持国际化
3.集成Drools5（目前正在制作Demo）
未来预期：
1.实现数据权限控制
2.完善开发工具
3.制作Demo
4.提供二次开发接口
截图：
1.登录页面
2.用户管理
3.角 ...
基于Draw2d Touch实现的Activiti工作流Web设计器，本设计器完全使用JQuery语法开发，集成Easyui前端框架，支持目前多种主流浏览器。
示例:
特性
多浏览器支持
支持Activiti5语法结构
采用目前比较流行的JS库-JQuery
符合BPMN2.0标准
可视化定制
代码简洁易维护
依赖
Draw2D V6.1.66
Jquery V1.12.0
EasyUI V1.4.5
题外话：
最近在忙公司的云项目空闲时间不是很多，所以很久没来更新，今天补上一篇！
回顾：
前几篇介绍了一下设计器的界面和Draw2d基础知识，这篇讲解一下本设计器如何扩展Draw2d。
进入主题：
先看一下扩展的类图： 其中有颜色标注的类即是扩展类，其中Node、Port、InputPort、OutputPort是Draw2d提供的类，其余都是扩展类。
这里重点介绍几个核心类以及相关重要的方法，如下：
上图中黄色部分负责生成Activiti流程文件中Task对应的XML片段，所以对于不同类型Task需要实现的方法，例如Use ...
回顾：
上一篇我们介绍了Draw2d整体结构，展示了组件类关系图，其中比较重要的类有Node、Canvas、Command、Port、Connection等，这篇将进一步介绍Draw2d如何使用以及如何扩展。
进入主题：
详细介绍一下Draw2d中几个比较重要的类：
Node类：
是对添加到画布上的节点的高度抽象，如：开始、结束、各种类型Task节点等。它的实现类比较多这里不一一展开讲解了，我们来看看它有哪些重要的方法：
Port类：
是对连接节点间的线的起点和终点的抽象，它有两个实现类：In ...
接上一帖http://www.iteye.com/topic/1060620
感谢大家的关注，最近公司项目比较多一直没有更新这个项目，介于很多人想要源码，先把当初做的Demo版的源码奉上，供大家学习参考讨论，最新的代码整理完成后再奉上！
附件中是一个完整的静态Web工程，请使用eclipse打开编辑，访问根目录下的index.html文件即可看到页面。