当前位置：首页 > news >正文

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

news 来源：原创 2024/5/20 21:54:20

出处：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服务器目录的读写权限以及磁盘空间，或根据提示信息进行排查。

>>系统特点
• 界面简洁、操作简单
• 可灵活对组织机构、表单格式、工作流程等进行自定义
• 扩充性强：流程自定义，表单自定义，可满足各单位个性化的复杂需求