flex版的流程设计器

简介:

第一章 介绍

1.1 编写目的

介绍流程设计软件并且简单附上使用说明。因为还不是很完善,所以希望大家能多提出自己的意见的见解。

1.2 基本结构

 

1.3 使用技术

主要使用flex技术做前端的页面,后端使用jbpm4.4做为流程引擎。

 

第二章 操作

2.1 完整界面

还在不断完善中的界面。

 

分成功个区域,在上边的分解结构中可以看到。

2.2 功能区

 

2.2.1 新增

创建一个新的画布并且可以重新汇制新的流程。

2.2.2 保存

 

分为保存XML和保存图片两部分。

保存XML就是将生成的xml进行保存。

保存图片是保存当前画布中的内容。

2.2.3 导入

 

将保存后的流程文件导入并且加载到画布中。

2.2.4 删除

 

没什么说的,删除选中的项。

2.3 控件区

2.3.1 选择

选择指定的控件。

 

2.3.2 连线

指明流程要流转的方向。

 

2.3.3 开始

标志流程开始,并且可以设置相应的属性。

 

属性对应的关系如下:

 

2.3.4 结束

标志着结束的内容,一个画布中可以有多个结束,即可以有正常结束,也可以有非正常结束。

 

属性对应的关系如下:

 

2.3.5 人工任务

人工参与的任务,可以设置受理人,角色,参与者或者泳道等信息。

 

属性对应的关系如下:

 

2.3.6 非人工任务

不需要人工参与的任务,比如执行角本,自动保存等工作。

 

属性对应的关系如下:

 

2.3.7 分支

流程中出现的分开的任务,可以执行并发的流程等任务。

 

属性对应的关系如下:

 

2.3.8 聚合

流程中合并到一起的任务。

 

属性对应的关系如下:

 

2.3.9 子流程

引入其它已经定义好的流程,并执行。

2.4 画布区

2.4.1 画布模块

用于显示流程图并且使用拖拽的方式定义流程。

 

2.4.2 XML模块

显示定义好的xml文件并且显示。

 

目录
相关文章
|
7月前
|
前端开发 容器
【前端】1、flex 布局详解
【前端】1、flex 布局详解
101 0
2行三列的布局如何使用flex进行设计
2行三列的布局如何使用flex进行设计
|
7月前
|
前端开发 容器
Flex布局的三个属性要深刻理解!
Flex布局的三个属性要深刻理解!
|
7月前
Uniapp开发过程中解决的一个Flex布局问题
Uniapp开发过程中解决的一个Flex布局问题
125 0
|
前端开发 UED 容器
深入了解Flex布局:构建灵活响应式布局的利器
深入了解Flex布局:构建灵活响应式布局的利器
160 1
|
开发者 容器
Flex基础布局
Flex基础布局
|
Web App开发 弹性计算 前端开发
前端基础知识库-深入理解flex布局
随着电子产品的快速迭代,传统的前端布局越来越难以是配多端的屏幕显示,无论是table布局还是float布局在移动端适配上都有着很大的局限性。09年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局,flex的应用可以极大程度上补充传统布局的不足之处。
|
移动开发 数据可视化 前端开发
3分钟精通flex布局 - flex布局可视化学习工具
现在大前端中被使用最多的布局方式非flex莫属,像h5、pc、小程序、rn、甚至native都在使用flex布局,可见掌握好flex布局是多的重要。 然而在flex布局兴起时,我们学习flex布局的方法大部分就是看一些博客文章的解析,官方文档说明,然后挨个去看各个属性的作用和示例,然后再自己手敲实践几次。这也是我当初学习flex布局的方法,常规手段,也很有效。如果愣是要说一些不足的地方,应该就是不直观,效率不太高。 那有没有一种更直观、更高效的学习方式呢? 为了能解决这个问题,flex布局可视化工具就诞生了。
379 0
3分钟精通flex布局 - flex布局可视化学习工具