编程技巧之流程图

咱们写的程序都是有逻辑顺序的，便是有流程的，流程图的做用则是对这种逻辑顺序的一种描述，是对解决问题的方法、思路或者算法的图形化的展现。

   

流程图采用的符号

 

 

Axure里的流程图形状组件面板

 

 

下面这的内容介绍来自（https://www.douban.com/note/310371289/）

 一、矩形

　　做用：通常用做要执行的处理（process），在程序流程图中作执行框。

　　在axure中若是是画页面框架图，那么也能够指代一个页面。有时候咱们会把页面和执行命令放在同一个流程中作说明，这个时候将两类不一样的矩形作色彩区别，而后作说明就行了。

　　二、圆角矩形或者扁圆

　　做用：表示程序的开始或者结束，在程序流程图中用做为起始框或者结束框。

　　三、斜角矩形

　　 做用：斜角矩形平时几乎不使用，能够视状况自行定义。或者在其余的流程图中，有特殊含义，暂不知晓，也但愿有识之士指点一二。

　　四、菱形

　　 做用：表示决策或判断（例如：If...Then...Else）,在程序流程图中，用做判别框。

　　五、文件

　　 做用：表达为一个文件，能够是生成的文件，或者是调用的文件。如何定义，须要本身根据实际状况作解释。

　　六、括弧

　　 做用：注释或者说明，也能够作条件叙述。通常流程到一个位置，作一段执行说明，或者特殊行为时，会用到它。

　　七、半圆形

　　 做用：半圆在使用中常做为流程页面跳转、流程跳转的标记。

　　八、三角形

　　 做用：控制传递，通常和线条结合使用，画数据传递。

　　九、梯形

　　 做用：通常用做手动操做。

　　十、椭圆形或圆形

　　 做用：若是画小圆，通常是用来表示按顺序数据的流程。

　　 若是是画椭圆形，不少人用做流程的结束。若是是在use case用例图中，椭圆就是一个用例了。

　　十一、六边形

　　 做用：表示准备之意，大多数人用做流程的起始，相似起始框。

　　十二、平行四边形

　　 做用：通常表示数据，或肯定的数据处理。或者表示资料输入（Input）。

　　1三、角色

　　 做用：来自于use case 用例，模拟流程中执行操做的角色是谁。须要注意的时，角色并不是必定是人，有时候是机器自动执行，有时候也但是是模拟一个系统管理。

　　1四、数据

　　 做用：就是指保存咱们网站数据的数据库。

　　1五、图片

　　 做用：表示一张图片，或者置入一个已经画好的图片、流程或者一个环境。

 

 

如何绘制流程图？（https://www.edrawsoft.com/cn/How-to-draw-flowchart.php）

当咱们仍是新手的时候，咱们中的大多数不知道如何绘制流程图，可是随着时间和经验的积累，咱们得到一些新的技能。一个好的流程图帮助咱们理解系统的流程。若是一个流程图没有绘制好，就会误导系统的设计师或者致使很差的结果。所以，建立流程图时，细心和技能都很重要。我会建议您使用流程图方便您理解它的流程。

尽管有许多符号在流程图中能够用来表示不一样的步骤，精确的流程图只会使用其中几种符号，好比说过程、决定、开始、延迟、云等符号。

流程图的基本元素是一个简单的行动，能够是现金付款，是由一个方块表明的。流程图就像是一个方块链接着一个方块，链接这些方块的是箭头。

 

当必需要作出决定的时候，过程就会变得愈来愈复杂，这个时候必须采起替代行动。在流程图中“决定”的形状是菱形，决定的答案只有“是””或者“不是”两种，就像在图形2种展现的那样。复杂的决定都是由简单决定结合而成的。

 

 

 

关于决定，过程常常会出错，要么是问了错误的问题要么是给了错的答案。

当方块不可以用线直接链接，分开的线和匹配名字的方块互相协调。这一般发生在线交叉到下一个页面的时候。

 

 图形3. 跨页的持续流程图

 

经过使用多个链接，这样绘制大型的流程图就变得至关简单了，可是流程图太大了理解起来就会变得困难。理想的流程图大小是一页就够了，这样的话，流程图就给人一种视觉上的“主干”感受，这样也很方便使用。

大的过程能够分解成层级的小的流程图，做为分过程方块。这就像一个高级别的普通行为方块，能够“放缩”成另外一个流程图，就像图形4中显示的那样。

 图形4. 分过程

在分析过程是等待方块的时候，一个额外的行为方块很重要，这样就会突出延迟（也就是不 行为）。这就是一个典型的点，一个过程的整体花费能够经过表演或许是在其余过程减小延迟来提高。