【开源项目】Silverlight工作流设计器.docxVIP

【开源项目】Silverlight工作流设计器Silverlight工作流设计器是一款开源项目，支持用户在线设计工作流程，或者项目流程，支持在线拖拽，以 及鼠标右键支持。 具体来说，这样的流程设计器应该具有以下的特点： 图形化的方式显示 流程 支持拖拽创建和修改流程 导出图形对应的xml描述文件 根据流程xml描述文件　??Silverlight工作流设计器是一款开源项目，支持用户在线设计工作流程，或者项目流程，支持在线拖拽，以及鼠标右键支持。具体来说，这样的流程设计器应该具有以下的特点：?图形化的方式显示流程?支持拖拽创建和修改流程?导出图形对应的xml描述文件?根据流程xml描述文件显示流程图点击访问本系列专题文章源代码下载数据库下载Silverlight构建图形化工作流程设计器(一)前言 Silverlight发布已经很久了，具体是什么就不多说，大家一定很清楚。最关心的就是其中的跨浏览器能力，以及强大的用户界面表现能力。于是决定使 用它来实现一个流程设计工具，以替代以前的流程设计器（原来是用vml实现，只能在IE浏览器上工作），因为第一次接触silverlight，在学习、 工作的过程中肯定会遇到很多的问题　前言Silverlight发布已经很久了，具体是什么就不多说，大家一定很清楚。最关心的就是其中的跨浏览器能力，以及强大的用户界面表现能力。于是 决定使用它来实现一个流程设计工具，以替代以前的流程设计器（原来是用vml实现，只能在IE浏览器上工作），因为第一次接触silverlight，在 学习、工作的过程中肯定会遇到很多的问题，将这个学习新知识、解决问题的过程记录下来，肯定能找到许多志同道合的朋友，也请大家抱着这种态度阅读本文。本文主要讲述使用2008开发一个基于silverlight的流程设计器。在进入正文之前，先说一下开发环境的配置。使用2008作为开发工具，需要下载一个Silverlight tools for virsual studio 2008 sp1，地址在/GetStarted/，安装后就可以使用2008来开发 silverlight应用了。本系列文章包含以下几部分（可能有变）。系统范围系统设计类设计Xml设计美化重构一、系统范围在开始之前，先来看一下系统将要完成什么样的功能。具体来说，这样的流程设计器应该具有以下的特点：图形化的方式显示流程支持拖拽创建和修改流程导出图形对应的xml描述文件根据流程xml描述文件显示流程图注意：本文只将焦点放置在图形的描述上，不涉及流程的各种属性，不过您完全可以在此基础上创建一个包含流程属性设置的应用程序。另外，本文是随着程序的编写进度而撰写的，程序在不断的完善，本文也将不断的修改完善。在这个过程中将随时提供可以运行的程序供下载。下面的图形具体的显示了系统将要完成的功能：?二、系统设计 从上面的图形来看，我们的系统将包含三个大的对象： 活动（activity）：如上图中的 方框图（三角图，圆形图） 对应的对象，这个对象代表工作流中的一个活动。 规则（rule）：如上图中的带箭头的直线， 二、系统设计从上面的图形来看，我们的系统将包含三个大的对象：活动（activity）：如上图中的 方框图（三角图，圆形图） 对应的对象，这个对象代表工作流中的一个活动。规则（rule）：如上图中的带箭头的直线，这个对象代表了工作流中的规则。设计面板：设计面板是流程图的容器对象。系统对象确定以后，再来看一下系统功能描述：新增活动：创建一个活动的实例，并将这个实例添加到设计面板中。新增规则：创建一个规则的实例,并将这个实例添加到设计面板中。拖拽规则实例：规则实例可以被鼠标拖拽，规则实例表现为一个带箭头的直线，可以拖拽直线的开头部分，也可以拖拽直线的结尾部分，或者拖拽直线中间的 部分。拖拽开头部分时，直线的开头部分随鼠标变化位置，但结尾部分位置不改变。拖拽结尾部分时，直线的开头部分随鼠标变化位置，但结束部分位置不改变。拖 拽中间部分，整条直线随鼠标改变位置。在拖拽开头或者结尾部分，并在某一个活动实例上放开鼠标左键，那么将建立活动和规则的关联关系。拖拽活动实例：活动实例可以被鼠标拖拽，如果这个活动有相关联的规则，那么规则位置也随鼠标变化。支持活动和规则的删除:支持删除活动实例和规则实例，删除活动实例时，同时删除关联的规则实例。根据图形导出xml文件：导入xml文件生成图形：通过上面的分析，对流程设计器有一个大概的了解，在进入具体的类设计之前还是有几点需要提醒的：silverlight和的运行模型的不同和编制程序时的注意点。Silverlight和都可以使用c#进行编程设计，但他们的运行方式却截然不同。A中的ｃ#代码是需要您的ｗｅｂ服 务器执行的（IIS）后，将执行后的html代码发送到客户端的