B/S结构工作流设计器(VML),工作流程定义

出处：http://www.shcommit.com/CommitFlow/index.htm（B/S结构工作流设计器）

EXTJS实现的流程图设计（http://www.i5tt.com/demo/desktop/desktop.html）

工作流程定义

我要试用>> CommitFlow在线工作流设计系统是一套可见即所得的工作流设计程序，系统实现基于WEB浏览器的工作流设计和管理。系统针工作流设计应用的特点，通过图形化操作界面，让开发者用最少的时间设计或修改企业业务流程。 >>设计理念 简化IT让业务员成为最好的程序员。 >>功能介绍 1、基本概念 1本系统 指CommitFlow 在线工作流设计系统; 2工作流(流程定义)根据工作流管理联盟的定义，工作流是指整 体或者部分业务过程在计算机支持下的自动化; 3活动 流程图中的特定对象，在界面上表示为结点，有的系 统也称为：节点、处理、操作; 4联线 流程图中的特定对象，在界面上表示为直线或曲线， 有的系统也称为：流程、流转、线; 5对象 活动和联线，统称为：流程图对象，在本文中，也称 为对象; 6图元 活动和联线在界面上的表示形状，统称为图元; 7工作区 界面上显示各种图元的区域，也称为“画布”; 8在线 指相对于传统的Client/Server架构而言的新型访问形 式，用户不需要在客户端安装软件，只需要通过浏览器访问即 可进行联机操作的一种方式，就是通常意义上所说的 Browser/Server模式架构; 9IE6 Internet Explorer 6.0，美国微软公司生产的浏览器 软件。 2、系统安装 • 服务器安装 服务器安装请参考相关的安装说明，但必须达到以下要求：安装Tomcat 5.5.17 或者 IIS。 • 本系统安装 CommitFlow 工作流设计系统的安装比较简单，只要遵循以下步骤即可, 将本系统按照目录结构上传至服务器指定目录下。 4、使用说明 用户在客户端打开IE浏览器，并访问本系统服务入口： http:// 127.0.0.1/CommitFlow/index.htm，主界面可以划分成以下几个区域，其功能分别描述如下： • 快捷工具条区 这里列出用户最常用的一些功能，便于操作。 •主工作区(画布) 用户的主要操作区，可以通过鼠标、键盘的组合，进行新增、删除，调整大小，拖动位置等操作。 •属性编辑区 快捷编辑图元的名称、类型、位置等属性。 5、流程图管理 • 校验流程图 同上述的“新建流程图”和“打开流程图”类似，用户有多种方式进行校验操作。例如用户选择主菜单“流程图 | 校验”，系统弹出对话框显示校验结果。 • 保存流程图 同上述的“新建流程图”和“打开流程图”类似，用户有多种方式进行保存操作。例如用户选择主菜单“流程图 | 保存”功能，系统弹出对话框要求用户确认，用户确认保存后，系统将校验此次修改的流程图是否合法，如果不合法，则提示校验不通过的非法要素，并询问用户是否继续保存，一旦用户确定提交保存，则系统执行保存动作，并提示保存结果（成功或错误信息）。 6、流程图对象操作 在画布上按住鼠标左键作为起点，移动鼠标，画布上用虚框指示当前新图形位置，松开鼠标作为终点，即可以创建一个以该起点和终点作为坐标的活动图元。 •新建连线 在画布上某一个活动图元上按住鼠标左键作为起点活动，移动鼠标，画布上用虚线指示当前连线，在某一个活动图元上松开鼠标作为终点活动，即可以创建一个连接该起始活动和终止活动的联线。虚线使用一个不可见的图元，在拖曳过程中根据坐标显示，其它时间隐藏。 •编辑图元 用户在工具箱选中鼠标选择功能，然后在画布上点击某一个图元，使之变为“选中”状态，图元被选中后，用户即可在属性框中直接编辑其属性。 •删除选中图元 用户选中图元，然后可以通过主菜单、右键菜单或者工具条按钮的方式，来删除图元：系统弹出对话框，请用户确认是否删除：用户点击确定后删除指定图元。 •拖动图元位置 用户选中图元，然后可以按住鼠标来拖动图元：当鼠标在活动图元中间时，鼠标变成手状，按住鼠标左键，移动鼠标，即可移动活动图元，松开鼠标，图元固定在新的位置。当活动图元移动时，与本活动相关的所有联线也应该作相应的移动。用户选中联线，然后可以按住鼠标来拖动联线： 1．增加拐点：用鼠标按住联线(显示为红色圆点)，拖动鼠标就可以新增一个拐点； 2．移动拐点：用鼠标按住一个拐点 (显示为蓝色圆点)，拖动就可以改变拐点位置； 3．删除拐点：双击联线上要删除的拐点(联线的2个端点不能删除)。 4．联接活动：按住联线的端点，移动到需要联接的活动框内，每个边框有5个等分点，可以与联线对接。 •调整图元大小 当鼠标在图元的右边界、下边界时、右下角，鼠标变成相应的调整大小样式 ，按住鼠标左键，移动鼠标，即可以图元左上角为固定坐标调整大小，松开鼠标，图元固定为新的大小。当活动图元大小变化时，与本活动相关的所有联线也应该作相应的移动。 7、窗口管理 知识管理，公司的资料电子版备份,方便以后查阅。 •显示隐藏属性框 如果选择“窗口 | 隐藏属性框”，则画布上将完全隐藏属性框。如果是在属性框面板标题栏上双击，则属性框临时收起、展开 8、日常维护 系统的文件保存在/1010382/data目录下，经过一段时间，目录会越来越大，因此可以定期进行文件管理，有必要的文件可以定期备份到备份介质上（例如磁带、硬盘等），并从该目录中删除，以便在必要的时候可以恢复出来备查。 •打开网页显示404错误 首先检查Tomcat是否正常启动，如果是未启动，只要重启Tomcat即可。如果Tomcat无法启动，请查看Tomcat安装目录下的\conf\stderr.log日志文件，查看原因。 •文件保存失败 请检查WEB服务器目录的读写权限以及磁盘空间，或根据提示信息进行排查。 >>系统特点 • 界面简洁、操作简单 • 可灵活对组织机构、表单格式、工作流程等进行自定义 • 扩充性强：流程自定义，表单自定义，可满足各单位个性化的复杂需求 我要试用>>