Silverlight版的流程设计器

不少朋友等这个例子已经好久了.对Silverlight,WPF与WF感兴趣的朋友可以多提些意见

目录

代码说明    1

使用说明    1

创建流程    1

添加业务结点    2

设置结点关系    3

架构与版本说明    5

实现思路[WF工作流设计器(WPF版)]一样    5

与流程设计器的流程图对应的WF状态机图    5

流程设计器类与接口结构    6

设计器元素    6

设计器面板    6

流程图的数据结构    7

转换器    7

加载器    8

程设计器架构    8

由于受Silverlight功能的限制,对架构做如下扩充    9

 

 

 

代码说明

 

代码下载: http://files.cnblogs.com/wxwinter/SD.rar

 

要打开项目需要安装[Silverlight Tools for Visual Studio 2008 SP1]

如果只看效果可直接打开

Silverlight版的流程设计器_第1张图片

 

使用说明

创建流程

Silverlight版的流程设计器_第2张图片

 

Silverlight版的流程设计器_第3张图片

 

 

添加业务结点

Silverlight版的流程设计器_第4张图片

 

Silverlight版的流程设计器_第5张图片

 

Silverlight版的流程设计器_第6张图片

 

Silverlight版的流程设计器_第7张图片

Silverlight版的流程设计器_第8张图片

设置结点关系

Silverlight版的流程设计器_第9张图片

 

Silverlight版的流程设计器_第10张图片

 

Silverlight版的流程设计器_第11张图片

 

 

 

 

 

架构与版本说明

该例子是一个Silverlight2.0的流程设计器

架构与[WF工作流设计器(WPF)]的设计思路想同,本例只演示了用Silverlight实现流程设计器的图形设计部分,而流程映射,测试部分的后台实现可参考[WF工作流设计器(WPF)]

 

实现思路[WF工作流设计器(WPF版)]一样

与流程设计器的流程图对应的WF状态机图

Silverlight版的流程设计器_第12张图片

Silverlight版的流程设计器_第13张图片

Silverlight版的流程设计器_第14张图片

Silverlight版的流程设计器_第15张图片

Silverlight版的流程设计器_第16张图片

Silverlight版的流程设计器_第17张图片

Silverlight版的流程设计器_第18张图片

Silverlight版的流程设计器_第19张图片

   

流程设计器类与接口结构

设计器元素

流程图上的连线与各种类型的结点

Silverlight版的流程设计器_第20张图片

Silverlight版的流程设计器_第21张图片

   

设计器面板

[设计器元素]的容器,提供对[设计器元素]的管理功能

Silverlight版的流程设计器_第22张图片

   

   

流程图的数据结构

为不同的流程图与不同的工作流文件间提供转换的一上中间数据结构.

Silverlight版的流程设计器_第23张图片

   

   

转换器

将各类工作流文件转换为[流程图的数据结构]

[流程图的数据结构]转换为各类工作流文件

Silverlight版的流程设计器_第24张图片

   

加载器

[流程图的数据结构][设计器面板]上用[设计器元素]展现出来

   

[设计器面板]上用[设计器元素]设计的流程图转换为[流程图的数据结构]

Silverlight版的流程设计器_第25张图片

   

 

由于受Silverlight功能的限制,对架构做如下扩充

Silverlight版的流程设计器_第26张图片

 

 

 

 

 

 

 

 

你可能感兴趣的:(silverlight)