说说可视化的工作流配置界面！

用过JBPM 的同学，想必都知道有一个eclipse的插件设计器，能生成你需要的流程JPDL。但是，往往流程随着业务不断的变化，难道每次我们都要重新修改代码？前段时间，一个项目就是这样，流程巨多，而且很多都三天两头的变化，其实，就是客户毛病多，太挑剔。
提出一个新需求，用户可视化配置工作流，当听到这个需求的时候，心想，“这下挂了！”。人家普元的EOS 都不能完全做到这个需求，更何况我们呢？ 哎，死了都要做，没办法！
由于原有的工作流就是用的JBPM，这个东东是不能换了，就围绕这他开始整吧。可视化界面，就是模仿JBPM 的设计器了，要生成xml文件，这下用js 实现还是有难度呀。 出于惰性，先去找找有没有现成的东东， 还真让我发现一个。 贴个效果图：
[img]http://qianlei007.iteye.com/upload/picture/pic/15861/6536229d-9cc6-3920-a3ce-43fb1ed73bca.jpg[/img]

这个就不多说了，名字大家都看的到，XiorkFlow，作者很厉害了，JS 很强！

由于工作流太复杂，流程定义的XML文件生成的类型太多，所以只实现了很简单的一部分。
[img]http://qianlei007.iteye.com/upload/picture/pic/15853/85293819-f970-3f6e-82e1-aa61c4099a6a.jpg[/img]
这样简单模拟了一个JS版本的XML文件设计器！

下面讲一下，XML文件的生成问题，这个JS 生成的原始XML 文件包括了每个节点的坐标和连接信息，不是我需要的XML文件。首先，我是读取这个原始的XML文件，解析我需要的信息，然后生成我需要的XML，也就是JBPM认识的XML。虽然设计的不是很好，不过解决了部分问题。

下面，就可以发布流程了，因为和JBPM 的关联非常紧密，还是贴图片吧。 发布流程后，通过解析，我们会看到这样的效果。
[img]http://qianlei007.iteye.com/upload/picture/pic/15851/31c30f37-e419-3ade-be98-9b71bf8759cf.jpg[/img]

对于每一个步骤，我们可以设置需要操作权限和处理权限:
操作权限：
[img]http://qianlei007.iteye.com/upload/picture/pic/15859/00cb9f33-25dd-397a-8151-f16d411c34d6.jpg[/img]
就是设置页面上面的控件，可见，不可见，可编辑，不可编辑，这基本上都满足了流程要求。

处理权限：
[img]http://qianlei007.iteye.com/upload/picture/pic/15857/c764c840-9a31-3029-86f3-ad6a955b0430.jpg[/img]
设置处理人，就是那些人可以看到此步流程，可以是多个人，可以是一个人。

最后，把这样一个流程和具体的模块绑定到一起，就OK 了。 这个模块就可以使用设置好的流程了。

最好来一个流程模块的效果：
[img]http://qianlei007.iteye.com/upload/picture/pic/15855/1153673e-f4dd-3436-bb97-5d1084ca23ec.jpg[/img]

可以看到次条业务数据在流程中的状态。

设计思路基本介绍完了，欢迎大家拍砖！ 提些好的意见和建议（基于浏览器的图形处理，工作流的处理方案！）.

最后想说的： 工作流很复杂，用户可视化配置实现起来不是很容易。