流程设计器

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

由于我们平台要加入工作流的支持，必须设计一个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

评论

23 楼 qqhh 2012-04-10  

楼主您好，这款设计很好，非常期望能够学习一下，[e-mail]
请将流程设计器+表单设计器源码一并发一份，不胜感激！

22 楼 rstyh 2012-04-10  

亲爱的楼主，也可以给我发一份源码。。。   [e-mail]

21 楼 wind2154 2012-04-09  

wenlei4747 写道

楼主您好，我的毕业设计是这个题目，非常头疼恳请一份源码研究谢谢！[e-mail]

毕设 做前端的啊

20 楼 luopan68 2012-04-09  

[e-mail]请给我一份谢谢了

19 楼 wenlei4747 2012-04-09  

楼主您好，我的毕业设计是这个题目，非常头疼恳请一份源码研究谢谢！[e-mail]

18 楼 wind2154 2012-04-08  

arthas315 写道

wind2154 写道

arthas315 写道

楼主你好，我最近也在做web版工作流，流程设计器也做了一个，jquery+raphael，全浏览器兼容。

我邮箱是[e-mail]，请把表单设计器的代码也发一份吧，希望能交流一下。

你的流程设计器做好了么？我还在开发中~

马上了，设计器估计一周后收工，然后再做流程的各种初始化、统计分析模块。

不错啊 我也要在这个月内做完 有空交流下

17 楼 李守宏 2012-04-07  

您好，可不可以给我发一份源码 我学习用 邮箱：[e-mail]
万分感谢！！

16 楼 arthas315 2012-04-07  

wind2154 写道

arthas315 写道

楼主你好，我最近也在做web版工作流，流程设计器也做了一个，jquery+raphael，全浏览器兼容。

我邮箱是[e-mail]，请把表单设计器的代码也发一份吧，希望能交流一下。

你的流程设计器做好了么？我还在开发中~

马上了，设计器估计一周后收工，然后再做流程的各种初始化、统计分析模块。

15 楼 wind2154 2012-04-07  

arthas315 写道

楼主你好，我最近也在做web版工作流，流程设计器也做了一个，jquery+raphael，全浏览器兼容。

我邮箱是[e-mail]，请把表单设计器的代码也发一份吧，希望能交流一下。

你的流程设计器做好了么？我还在开发中~

14 楼 arthas315 2012-04-06  

楼主你好，我最近也在做web版工作流，流程设计器也做了一个，jquery+raphael，全浏览器兼容。

我邮箱是[e-mail]，请把表单设计器的代码也发一份吧，希望能交流一下。

13 楼 shenmin81 2012-04-06  

您好！目前正考虑做一个这方面的东西，能否发一份你的源码参考哈。谢谢！[e-mail]

12 楼 tomatozq 2012-04-06  

正找一个jbpm的web设计器，恳请发一份源码，谢谢,[e-mail]

11 楼 x492016665 2012-04-06  

[e-mail]
谢谢了。

10 楼 flztjlzy 2012-04-05  

[e-mail] 大哥发一份给我看看，正在学习jbpm中

9 楼 zchin 2012-04-01  

楼主，恳请发一份源码，谢谢！[e-mail]

8 楼 wokgsi2 2012-03-31  

楼主你好，恳请给我也发一份源码，谢谢！ [e-mail]

7 楼 yuruei2000 2012-03-31  

[e-mail]  好人一生平安

6 楼 wind2154 2012-03-31  

需要源码的话  留下邮箱

5 楼 bearsea 2012-03-30  

楼主你好，恳请发一份源码，谢谢！[e-mail] 

4 楼 yanshien 2012-03-30  

之前系统用osworkflow发现流程需求会经常变,现在打算用JBPM,楼主能不能分享一下,交流,交流QQ:309925234,邮件地址:[e-mail]