工具
wps
目前咱们在新建里面,可以新建流程图
![](https://i-blog.csdnimg.cn/blog_migrate/0a162193a98b49fc226f9eca9b9e4e20.png)
构成流程图的图形符号及其作用
常用的流程图介绍
flowchart 和 BPMN 两种
flowchart:
最开始的全名是”Process Flow Charts”,即处理流程图表。
BPMN:
定义了业务流程图,其基于流程图技术,同时为创建业务流程操作的图形化模型进行了裁减。业务流程的模型就是图形化对象的网图,包括活动(也可以说工作)和定义操作顺序的流控制。
研发更推荐BPMN,不过本内容主要还是flowchart。原因如下:
1.flowchart门槛更低更为常见,业务放也会更容易理解,执行流程图原则起来更容易
2.执行流程图原则无论是flowchart 还是 BPMN 都是通用的
3.后续根据熟练程度再考虑是否转成BPMN,常见的工作流引擎工具就是用BPMN语言进行流程配置
flowchart常用组件和用法介绍
画flowchart流程图之前你必须清楚地理解不同符号的含义,才能正确地使用
程序框 | 名称 | 功能 |
常用 | ||
![]() | 开始/结束符 | 凡事有始有终,这个椭圆符号代表流程的开始或结束。 |
![]() | 流程处理框 | 一个处理流程,表达方式为:动词 + 名词,比如:提交申请,项目跟进,版权登记 |
![]() | 判定/条件 | 一个判断条件,就是if else,用菱形表示。 |
| 子流程 | 用该图表示这里会有一些内部流程(子流程),可减少此流程图内容过多的情况。 |
![]() | 文档 | 经过这步会输出对应的文档资料。 |
![]() | 存储 | 存储数据,这一步将持久化数据(保存数据) |
![]() | 数据(I/O) | 用平行四边形表示,一般作为处理框的输入或输出显示给用户。 |
不常用 | ||
![]() | 内部存储 | 该部件是指数据提交之后,需要写入数据库。 |
![]() | 队列数据 | 表示数据处理的一种方式,先进先出,类似排队买饭,站在队伍前边的人先买到饭,先离开队伍。至于处理后的数据要不要写入数据库,要具体情况具体分析。 |
| 数据库 | 该部件表示从数据库中获取数据信息。 |
| 人工输入 | 表示用户通过计算机键盘手动输入的数据。 |
子流程模块具体例子:
![](https://i-blog.csdnimg.cn/blog_migrate/152cb8b74fc7b6da08e3c275ac54479d.jpeg)
数据模块具体例子:
![](https://i-blog.csdnimg.cn/blog_migrate/7f5c6397c3c2371a4284d7482442dbe5.jpeg)
容易出现的错误用法
举例一些错误或不建议的用法
1.开始/结束图标没有正确使用。
结束图标很容易忘记。流程的分支会越来越多,通常会在流程各节点中分别出现,如果能有明显的结束图标,而不是看箭头的尽头,会更加容易找到关注的分支节点。
2.处理流程出现多分支
处理完成后如果有多个分支出现,分支会越来越多,约束性减弱,理解流程会变得困难。
修改建议:
a.如果有多个分支,用判断逻辑表示。
b.如果有多个产出出现,考虑是否可以串行起来。
![](https://i-blog.csdnimg.cn/blog_migrate/b5a5046145b986640ab25d0627fc3d41.png)
3.判断节点只有一个输出
判断的图标一定有分支流程,需要说明清楚分支会走哪里去。就算是结束也需要标注出来。
![](https://i-blog.csdnimg.cn/blog_migrate/4bce88b841e2bff7a78f41957cef1140.png)
4.流程图节点使用不当
说明:方框是处理节点。通常处理是需要有输出的。否则处理没意义。
图中的更应该使用存储节点表示
![](https://i-blog.csdnimg.cn/blog_migrate/3d8fddfb980b23fd60afcce769b49f2d.png)
其他建议:
1.需要善于利用子流程
途中的流程 其实非常复杂, 在对业务系统沟通的场景下不需要强调内部的流程。所以可以直接用子流程说明清楚。
同时,对内需要关注子流程,单独画子流程的图即可。
![](https://i-blog.csdnimg.cn/blog_migrate/dcd0db08d59a4eb3cd60c2bb569fdee3.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/9933669500c72194df49d29fb7265078.png)
另外:上图依然有一些不确定的预留逻辑初期用随机逻辑处理,也可以用子流程表述。
2.主流程方向性强一些提升流程的主流程意识
流程图从上到下的原则,如果遇到分支判断,那么主流程继续往下走。分支流程往旁边岔开。这样核心流程顺着往下,阅读者会清晰的知道主流程的走向。不会被过多的分支干扰。
![](https://i-blog.csdnimg.cn/blog_migrate/c4d41b3ecf9176fc33e49e541e6b8b45.png)
实例
登录流程图
![](https://i-blog.csdnimg.cn/blog_migrate/9a8dd6ae46bae232daebc345b0476422.png)
审批模块-根据钱来判断权限
![](https://i-blog.csdnimg.cn/blog_migrate/14bc92793cd776b131cf6daebba751da.png)
3. 软件开发流程图
![](https://i-blog.csdnimg.cn/blog_migrate/2b24e645ec1a0a40a23ee166e4fbe53d.png)
引用参考
- 流程图 FlowChart 教程
- 流程图的使用心得