WF workflow designer (WPF Edition)

 

This is a WPF workflow designer,

Prepare to develop a process designer for Silverlight. A previous graphic UI example has been released. This example is the DEOM before the official development of Silverlight.

In addition, most of the articles on architecture are about [Data Service Platform (front-end UI + middle layer + Data Storage)], and the architecture design of tool applications is relatively less. if you are interested in this architecture design, please refer to this article.

 

This version provides the following functions:

• Visualization and process design interface
• A group of business activities of WF
• Type converter of wf xoml and process design interface elements
• Element loaders in the process design field
• WF Design Rule validators
• Element UI logical relationship validators in the Process Design Interface
• A local process Tester that can interact with users

 

Download Code:

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

 

Directory

Description 1

Example 3

Design Process 4

New process 4

Add [review] node 5

Add [approval] node 9

Adjust the logical relationship between the layout and the specified node 12

Modify design 14

Test procedure 16

Structure of business Activity in WF 21

The flowchart element corresponds to the Activity structure 22.

Flowchart 22 of the Process designer

WF state machine diagram 23 corresponding to the flow chart of the process designer

Process designer class and interface structure 26

Designer panel 26

Designer element 27

Flowchart data structure 27

Converter 28

Loader 29

Programming designer architecture 30

 

 

Instructions for creating a process with the designer

 

Example scenario

 

Design Process
New Process

 

 

Add a [review] Node

 

 

Add a [approval] Node

 

 

 

Adjust the logical relationship between the layout and the specified Node

 

 

 

Modify Design

 

 

 

Test procedure

 

 

 

 

 

 

Structure of business Activity in WF

 

The flowchart element corresponds to the Activity structure.
Flowchart of the Process designer

WF state machine diagram corresponding to the flow chart of the process designer

 

 

Process designer class and Interface Structure
Designer Element

Link on the flowchart and various types of nodes

 

Designer panel

[Designer element] container, which provides the management function for [designer element]

 

 

Data Structure of the flowchart

Provides an intermediate data structure for conversion between different flowcharts and different workflow files.

 

 

Converter

Convert various workflow files into [flowchart data structure] Convert [flowchart data structure] to various workflow files

 

Loader

Display the [flowchart data structure] on the [designer panel] with the [designer element]   Convert a flow chart designed with [designer element] on the [designer panel] to a [Data Structure of the flow chart]

 

 

Program designer Architecture