WF工作流设计器(WPF版)

 

这是一个WPF版的工作流设计器,

准备开发一个Silverlight版的流程设计器,之前一个图形UI的例子已发上来了.这个例子算是正式开发Silverlight版前的DEOM吧.

另外,现在关于架构类的文章多是介绍[数据业务平台(前台UI + 中间层 + 数据存储)]的,对工具类应用程序的架构设计相对少一些.对这方面架构设计感兴趣的可以看一下本文

 

该版本提供如下功能:

  • 可视化和流程设计界面
  • WF的一组业务Activity
  • WF的XOML与流程设计界面元素的类型转换器
  • 流程设计界面的元素加载器
  • WF设计规则验证器
  • 流程设计界面的元素UI逻辑关系验证器
  • 一个可以与用户交互的本地流程测试器

 

代码下载:

http://files.cnblogs.com/wxwinter/wxwinterwfWFDesigner.rar

 

目录

用设计器创建一个流程的说明    1

例子场景    3

设计流程    4

新建流程    4

添加[审核]结点    5

添加[审批]结点    9

调整布局与指定结点逻辑关系    12

修改设计    14

测试流程    16

WF中业务Activity的结构    21

流程图元素与Activity的结构对应    22

流程设计器的流程图    22

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

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

设计器面板    26

设计器元素    27

流程图的数据结构    27

转换器    28

加载器    29

程设计器架构    30

 

 

用设计器创建一个流程的说明

 

例子场景

WF工作流设计器(WPF版)_第1张图片

 

设计流程

新建流程

WF工作流设计器(WPF版)_第2张图片

 

WF工作流设计器(WPF版)_第3张图片

 

添加[审核]结点

WF工作流设计器(WPF版)_第4张图片

 

WF工作流设计器(WPF版)_第5张图片

WF工作流设计器(WPF版)_第6张图片

WF工作流设计器(WPF版)_第7张图片

 

添加[审批]结点

WF工作流设计器(WPF版)_第8张图片

 

WF工作流设计器(WPF版)_第9张图片

WF工作流设计器(WPF版)_第10张图片

 

WF工作流设计器(WPF版)_第11张图片

 

调整布局与指定结点逻辑关系

WF工作流设计器(WPF版)_第12张图片

 

 

WF工作流设计器(WPF版)_第13张图片

 

修改设计

WF工作流设计器(WPF版)_第14张图片

WF工作流设计器(WPF版)_第15张图片

 

WF工作流设计器(WPF版)_第16张图片

 

 

测试流程

WF工作流设计器(WPF版)_第17张图片

 

WF工作流设计器(WPF版)_第18张图片

WF工作流设计器(WPF版)_第19张图片

WF工作流设计器(WPF版)_第20张图片

 

WF工作流设计器(WPF版)_第21张图片

 

 

 

 

WF中业务Activity的结构

WF工作流设计器(WPF版)_第22张图片

 

流程图元素与Activity的结构对应

流程设计器的流程图

WF工作流设计器(WPF版)_第23张图片

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

WF工作流设计器(WPF版)_第24张图片

 

WF工作流设计器(WPF版)_第25张图片

WF工作流设计器(WPF版)_第26张图片

WF工作流设计器(WPF版)_第27张图片

WF工作流设计器(WPF版)_第28张图片

WF工作流设计器(WPF版)_第29张图片

WF工作流设计器(WPF版)_第30张图片

WF工作流设计器(WPF版)_第31张图片

WF工作流设计器(WPF版)_第32张图片

 

流程设计器类与接口结构

设计器元素

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

WF工作流设计器(WPF版)_第33张图片

WF工作流设计器(WPF版)_第34张图片

 

设计器面板

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

WF工作流设计器(WPF版)_第35张图片

 

 

流程图的数据结构

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

WF工作流设计器(WPF版)_第36张图片

 

 

转换器

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

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

WF工作流设计器(WPF版)_第37张图片

 

加载器

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

 

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

WF工作流设计器(WPF版)_第38张图片

 

 

程设计器架构

WF工作流设计器(WPF版)_第39张图片

你可能感兴趣的:(WF工作流设计器(WPF版))