流程设计器 - Silverlight 3实现(附源码)

野性酷女 2021-12-16 11:15 191阅读 0赞

这两年用MOSS+Infopath方式做了很多的工作流程， 在惊叹于微软强大的同时，也在为这种复杂的开发而痛苦。Infopath表单易于设计，通过InfoPath Form Service在浏览器上给用户的体验效果也很好，苦恼的是在VS2005里做流程的逻辑设计和数据持久化既然麻烦又容易出错。要是工作流逻辑功能的设计跟Infopath的设计一样的简单就好了，要使工作流的逻辑开发变得简单估计自己开发一个简单易用流程设计器也许能行。如果以WF为基础，自己封装一层流程逻辑处理，在此基础上开发一个图形化的流程设计器，流程设计器最终出来一个XML文件，传给自己的流程逻辑处理层，流程逻辑处理层解析这个XML文件，最终生成对应的WF流程定义。 曾经在思维加速的Justep平台上做过流程开发，Justep平台上的流程节点类型就只有5种（开始、功能环节、条件分支、连线以及结束），却能用它们开发出各种复杂逻辑的业务流程。经过一段时间的思考，最后决定参照思维加速，用Silverlight开发一个流程设计器出来。经过几个月业余时间的努力，边学Silverlight边做终于把流程设计器大致给开发出来了。开心！

**下面是Workflow11.Designer的一些截图：**

1、 流程设计器的节点类型。

1.1 开始

![2010081016173466.jpg][]

1.2 功能环节

![2010081016174568.jpg][]

1.3 条件分支

![2010081016180257.jpg][]

1.4 连线

![2010081016181231.jpg][]

1.5 结束

![2010081016192917.jpg][]

2、  流程设计器的主界面

![2010081016254769.jpg][]

3、 流程功能活动环节类型。

3.1、属性界面

![2010081016260643.jpg][]

3.2、审批人界面

![2010081016261867.jpg][]

3.3、环节动作界面

![2010081016263030.jpg][]

4、  流程条件分支环节类型。

![2010081016270967.jpg][]

5、  流程实例—员工请假申请流程

5.1 员工请假申请流程图

![2010081016275951.jpg][]

5.2 员工请假申请流程XML

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] 请假申请流程xml

<? xml version = " 1.0 "  encoding = " utf-8 "  standalone = " yes " ?>   
 < WorkFlow11 UniqueID = " a5abd521-5743-4fc6-aae3-778a9f6a1eb1 "  Name = " 新建流程 " >   
 < WF11Elements >   
 < WF11Element UniqueID = " 8fadc099-32fb-45e1-bc5a-bc9ccb8238e5 "  Title = " 开始 "  WF11ElementType = " WF11Start "  Left = " 196 "  Top = " 18 "  ZIndex = " 0 " >   
 </ WF11Element >   
 < WF11Element UniqueID = " 36ceaff2-f5f2-41c9-b8cb-a998160e9ed4 "  Title = " 新建活动1 "  WF11ElementType = " WF11Activity "  Left = " 172 "  Top = " 95 "  ZIndex = " 1 " >   
 < WF11ActivityProperty >   
 < rec\_no > 0 </ rec\_no >   
 < can\_change > False </ can\_change >   
 < can\_collect > False </ can\_collect >   
 < allow\_repeat > True </ allow\_repeat >   
 < allow\_mail > True </ allow\_mail >   
 < allow\_note > False </ allow\_note >   
 < allow\_track > False </ allow\_track >   
 < track\_no > 0 </ track\_no >   
 < approve\_type > 1 </ approve\_type >   
 < parallel\_rule > 0 </ parallel\_rule >   
 < tmp\_no > 0 </ tmp\_no >   
 < order > 0 </ order >   
 < name > \[Null\] </ name >   
 < approver ></ approver >   
 < desc > \[Null\] </ desc >   
 < can\_processing > False </ can\_processing >   
 < can\_return > False </ can\_return >   
 < can\_return\_any > False </ can\_return\_any >   
 < can\_stop > False </ can\_stop >   
 </ WF11ActivityProperty >   
 </ WF11Element >   
 < WF11Element UniqueID = " c7277a6d-708d-46f9-8fe2-44d96efac902 "  Title = " 连线 "  WF11ElementType = " WF11Line "  Left = " 225,225,225,225 "  Top = " 72,85.5,85.5,99 "  ZIndex = " 2 " >   
 </ WF11Element >   
 < WF11Element UniqueID = " 025bd6ab-b845-4819-9347-572810c179b8 "  Title = " 新建活动2 "  WF11ElementType = " WF11Activity "  Left = " 172 "  Top = " 345 "  ZIndex = " 3 " >   
 < WF11ActivityProperty >   
 < rec\_no > 0 </ rec\_no >   
 < can\_change > False </ can\_change >   
 < can\_collect > False </ can\_collect >   
 < allow\_repeat > True </ allow\_repeat >   
 < allow\_mail > True </ allow\_mail >   
 < allow\_note > False </ allow\_note >   
 < allow\_track > False </ allow\_track >   
 < track\_no > 0 </ track\_no >   
 < approve\_type > 1 </ approve\_type >   
 < parallel\_rule > 0 </ parallel\_rule >   
 < tmp\_no > 0 </ tmp\_no >   
 < order > 0 </ order >   
 < name > \[Null\] </ name >   
 < approver ></ approver >   
 < desc > \[Null\] </ desc >   
 < can\_processing > False </ can\_processing >   
 < can\_return > False </ can\_return >   
 < can\_return\_any > False </ can\_return\_any >   
 < can\_stop > False </ can\_stop >   
 </ WF11ActivityProperty >   
 </ WF11Element >   
 < WF11Element UniqueID = " e4cac7ec-b6ce-4586-ba5e-b6a396c27937 "  Title = " 新建条件1 "  WF11ElementType = " WF11Condition "  Left = " 153 "  Top = " 261 "  ZIndex = " 4 " >   
 </ WF11Element >   
 < WF11Element UniqueID = " f58ee7dc-d5d2-4a80-9c3f-7fe9363eb37c "  Title = " 新建活动3 "  WF11ElementType = " WF11Activity "  Left = " 332 "  Top = " 256 "  ZIndex = " 5 " >   
 < WF11ActivityProperty >   
 < rec\_no > 0 </ rec\_no >   
 < can\_change > False </ can\_change >   
 < can\_collect > False </ can\_collect >   
 < allow\_repeat > True </ allow\_repeat >   
 < allow\_mail > True </ allow\_mail >   
 < allow\_note > False </ allow\_note >   
 < allow\_track > False </ allow\_track >   
 < track\_no > 0 </ track\_no >   
 < approve\_type > 1 </ approve\_type >   
 < parallel\_rule > 0 </ parallel\_rule >   
 < tmp\_no > 0 </ tmp\_no >   
 < order > 0 </ order >   
 < name > \[Null\] </ name >   
 < approver ></ approver >   
 < desc > \[Null\] </ desc >   
 < can\_processing > False </ can\_processing >   
 < can\_return > False </ can\_return >   
 < can\_return\_any > False </ can\_return\_any >   
 < can\_stop > False </ can\_stop >   
 </ WF11ActivityProperty >   
 </ WF11Element >   
 < WF11Element UniqueID = " 8718248a-9077-4875-9103-1d9951b14136 "  Title = " 连线 "  WF11ElementType = " WF11Line "  Left = " 225.100006103516,225.100006103516,225,225 "  Top = " 313,331,331,349 "  ZIndex = " 6 " >   
 </ WF11Element >   
 < WF11Element UniqueID = " fa7936ba-5186-4272-8658-298a8be104c9 "  Title = " 连线 "  WF11ElementType = " WF11Line "  Left = " 293.200012207031,314.600006103516,314.600006103516,336 "  Top = " 289,289,289,289 "  ZIndex = " 7 " >   
 </ WF11Element >   
 < WF11Element UniqueID = " 34576c71-6bf5-4c8f-acf0-ffb451cb6ed4 "  Title = " 新建活动4 "  WF11ElementType = " WF11Activity "  Left = " 172 "  Top = " 181 "  ZIndex = " 8 " >   
 < WF11ActivityProperty >   
 < rec\_no > 0 </ rec\_no >   
 < can\_change > False </ can\_change >   
 < can\_collect > False </ can\_collect >   
 < allow\_repeat > True </ allow\_repeat >   
 < allow\_mail > True </ allow\_mail >   
 < allow\_note > False </ allow\_note >   
 < allow\_track > False </ allow\_track >   
 < track\_no > 0 </ track\_no >   
 < approve\_type > 1 </ approve\_type >   
 < parallel\_rule > 0 </ parallel\_rule >   
 < tmp\_no > 0 </ tmp\_no >   
 < order > 0 </ order >   
 < name > \[Null\] </ name >   
 < approver ></ approver >   
 < desc > \[Null\] </ desc >   
 < can\_processing > False </ can\_processing >   
 < can\_return > False </ can\_return >   
 < can\_return\_any > False </ can\_return\_any >   
 < can\_stop > False </ can\_stop >   
 </ WF11ActivityProperty >   
 </ WF11Element >   
 < WF11Element UniqueID = " 3bb14852-a9dc-41a4-8a87-084731a8d00e "  Title = " 连线 "  WF11ElementType = " WF11Line "  Left = " 225,225,225,225 "  Top = " 157,171,171,185 "  ZIndex = " 9 " >   
 </ WF11Element >   
 < WF11Element UniqueID = " 328afe8b-753e-40fd-bca3-390096724dee "  Title = " 连线 "  WF11ElementType = " WF11Line "  Left = " 225,225,225.100006103516,225.100006103516 "  Top = " 243,254,254,265 "  ZIndex = " 10 " >   
 </ WF11Element >   
 < WF11Element UniqueID = " 72bf4885-9dc9-4627-b9c3-8d0f2ddeb5d6 "  Title = " 连线 "  WF11ElementType = " WF11Line "  Left = " 274,385,385,385 "  Top = " 378,378,318,318 "  ZIndex = " 11 " >   
 </ WF11Element >   
 < WF11Element UniqueID = " c4a16fa1-c7fe-4200-b608-8c310366d554 "  Title = " 结束 "  WF11ElementType = " WF11Finish "  Left = " 485 "  Top = " 260 "  ZIndex = " 26 " >   
 </ WF11Element >   
 < WF11Element UniqueID = " 7baa69f0-1912-482e-9924-e01823db5f95 "  Title = " 连线 "  WF11ElementType = " WF11Line "  Left = " 434,461.5,461.5,489 "  Top = " 289,289,289,289 "  ZIndex = " 13 " >   
 </ WF11Element >   
 </ WF11Elements >   
 </ WorkFlow11 >

6、源码 <[下载][Link 1]>

演示地址：[Demo][]

另：[jQuery + svg版][jQuery _ svg]

[jQuery + svg版Demo][jQuery _ svg_Demo]

转载于:https://www.cnblogs.com/eleven11/archive/2010/08/10/Workflow11\_Designer.html

[2010081016173466.jpg]: /images/20211214/4c933010cbae45b58a5a52b521d304bf.png
[2010081016174568.jpg]: /images/20211214/79960d9d000b4b2fb1df80acbea119f8.png
[2010081016180257.jpg]: /images/20211214/a78ef112de004da69fc34bf50ef26a2e.png
[2010081016181231.jpg]: /images/20211214/9a683b048bf74e3d9c2199b2439a5c61.png
[2010081016192917.jpg]: /images/20211214/9d4f24b8755840b089797903d1e9741a.png
[2010081016254769.jpg]: /images/20211214/87ba6a0b966f46a9bdf9e7854062c439.png
[2010081016260643.jpg]: /images/20211214/287e80e66c0b43259289c4a5bd994d67.png
[2010081016261867.jpg]: /images/20211214/0a48f7ea38af45edba39de4ebefc282c.png
[2010081016263030.jpg]: /images/20211214/623882b1bc6c45598ca3da80da07366f.png
[2010081016270967.jpg]: /images/20211214/eca19ee70b864a329ff7ddef47dfa7f1.png
[2010081016275951.jpg]: /images/20211214/0f61744db07940b7ac5eb3c7000cb976.png
[ContractedBlock.gif]: https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211214/02a035bc101645b98df82ede198f7a9d.png
[Link 1]: http://files.cnblogs.com/eleven11/Workflow11.Designer.rar
[Demo]: http://wfsl.genchal.com
[jQuery _ svg]: http://www.cnblogs.com/eleven11/p/4907067.html
[jQuery _ svg_Demo]: http://kq.genchal.com