流程设计器

去年做的一个流程设计器，跟大家分享下。

由于我们平台要加入工作流的支持，必须设计一个WEB端的流程设计器，刚开始并没有什么概念，于是在网上查找资料，发现网上找的资源要么乱七八糟，要么各种BUG，一些做得比较好的又没有分享源码，很头痛，最终还是决定自己设计。

当时看了一篇博文，博主的流程设计器确实不错，但是并没有分享源码，通过截图我决定参考他的样式，这是原文地址：http://lipinliang.iteye.com/blog/578822

主要使用的技术：VML（缺点：只支持IE浏览器）、Ext（在一个比较大，因为我们平台使用Ext做的，所以使用Ext作为外层框架，使用的并不多，外层框架和一些事件机制以及DOM元素的选择）和JS操作XML。

设计器缺陷：由于时间原因，并没有一个整体的构思，没有使用类思想，纯粹的function方法，代码看起来比较乱，重用方法不够抽象，使得后面难以更新。并且没有加入自定义表单的支持，所以是面对程序员开发的。

前段时间刚做完表单设计器，于是决定重新开发流程设计器，使用类思想，两者结合，达到面向客户、开发迅速、不需要编码的目的，并且方便扩展，阅读清晰。新的流程设计器使用的画图技术是拉斐尔，兼容全浏览器，有兴趣的可以了解下。http://raphaeljs.com

事先申明，代码并不是很规范，可能很难阅读，仅供参考，有需要源码的请留下你的邮箱地址。

因为前期是直接通过记事本开发，因需使用平台内的功能以及结合JBPM，后面转入J2EE平台开发，所以这个版本的功能并不是很全，其他功能在平台上实现。

 

下载的打包文件忘了把Ext打包了，这边补上，查看index.html里的JS引入路径，版本是3.3。

下载地址：流程设计器Ext下载地址

 

CSDN不让修改资源，重新整合了一份上传，里面已包含Ext文件，这边提供下载地址：流程设计器

下面是截图介绍：

1.流程设计器主界面，采用Ext的border布局，分为工具条区、属性栏区和工作区。通过左侧选择功能对应的在右边作图，下方则是节点的属性设置，并且可以实时查看生成的XML文件。

 2.XML代码实时查看，并且可以通过修改XML来编辑流程图。

 3.节点的选中以及连线

 4.节点属性

流程定义（基本信息、涌到定义、SQL脚本、消息提醒、邮件发送）：

 

 

 

 任务节点（基本信息、转换模式、任务委派、业务表单、SQL脚本、消息提醒、邮件发送）：

 

流程转换节点（基本信息、动态委派、转换条件、SQL脚本、消息提醒、邮件发送）：

分支合并节点

 

 

CSDN下载地址：流程设计器http://download.csdn.net/detail/wind2154/4235584

评论

183 楼 zgr12341 2012-06-06  

表示你的连接地址是对的，但是csdn我不停的输入验证码，不管对或者错都进不去，所以能发一份源代码给我吗？急需这种做自定义流程!谢谢，我的邮箱是[e-mail]

182 楼 wind2154 2012-06-05  

keylab 写道

要发就发一份正儿八经的，别瞎扯淡，忽悠，谢谢

博客里不是有下载地址，不喜欢可以不看
我是分享给需要的人

181 楼 zhangwei6255555 2012-06-04  

谢谢，我要一份源码，[e-mail]

180 楼 keylab 2012-06-01  

要发就发一份正儿八经的，别瞎扯淡，忽悠，谢谢

179 楼 coolwasp 2012-06-01  

博客公布的版本firefox下无法运行，而且每个节点只有name，估计有重复的名称就不好办了。也希望能提供最新源码：[e-mail],谢谢分享，省了我好大的力气。

178 楼 wind2154 2012-05-28  

sjzqsyr 写道

我想问一下。是不是保存和部署功能没有实现呢现在

有啊，这个只是客户端的，保存要根据你自己的服务端做，前端负责创建好XML，然后提交到后台保存就好了。

177 楼 sjzqsyr 2012-05-26  

我想问一下。是不是保存和部署功能没有实现呢现在

176 楼 白云飞 2012-05-24  

兄弟你博客里面的地址里面还是没有文件，全是js啊，发我下源码吧，谢了
[e-mail]

175 楼 kookse 2012-05-10  

楼主 积分不够啊 能不能给我传一份 [e-mail]

174 楼 asadmin 2012-05-09  

楼主能否 发一份源码给我，鄙人实在是没分了 邮箱[e-mail]
无论如何，楼主的开源精神非常可嘉，谢谢圈内原来越多的人拿自己的东西出来分享

173 楼 nanshanyouju 2012-05-02  

兄弟，你真棒，你的raphaeljs版本搞好了吗，若搞好了，能否发份给我，[e-mail]，谢谢！

172 楼 wind2154 2012-04-28  

lovingfanglu 写道

给传份源代码，[e-mail]

博客里面有下载地址啊

171 楼 lovingfanglu 2012-04-27  

给传份源代码，[e-mail]

170 楼 lrf1990 2012-04-26  

最近也在做流程设计器，楼主可否受累发一下源码，参考一下，在此谢谢！！！[e-mail]

169 楼 aragon 2012-04-25  

功能很到位，楼主辛苦给发个源代码   [e-mail]
非常非常非常感谢。

168 楼 2007051076 2012-04-24  

楼主你好！最近我也在研究这方面的东西，希望您能发一份源码给我，学习学习，谢谢！邮箱:[e-mail]

167 楼 paulwong 2012-04-23  

悲剧啊，不支持BPMN2.0

166 楼 wind2154 2012-04-23  

注意看啊
下载地址在博客里面

165 楼 vipchen316 2012-04-23  

想学习啊 楼主能发我一份吗？[e-mail]

164 楼 beaing 2012-04-22  

功能很强到，楼主辛苦能给发一份源码参考一下吗？  [e-mail] 
非常感谢。。