流程图 | 冥狐的小站

程序框图也叫做流程图，它直观形象,易于理解，是描述算法的常用方式。美国国家标准化协会（ANSI）规定了一些常用的程序框图符号（如下图所示），已经成为世界各国程序工作者普遍采用的标准。

从网络上找了个例子如下：

是不是和上一篇文章的伪代码有点像呢？其实这两个可以结合使用的，并且还经常这么干。

基本结构

不论什么程序设计语言，程序设计都有3种基本结构：顺序结构、选择结构和循环结构。三种基本结构的特点：一个入口，一个出口，不出现死循环和死语句。

实际应用类型

一般我们理工狗使用的较多的是系统流程图与程序流程图。此外还有业务路程图、任务流程图、页面流程图。多了解几个流程图更有助于我们理解这个新的事物，故将其列举于此。

一般说来做系统高层设计时，首先会考虑系统的整体结构，把系统会分成多个子系统，每个子系统又分成多个程序模块。系统流程图用图形化的符号来记录整个系统和系统各模块的结构，描述了系统各子系统、相关文件和数据之间的关系，记录了整个系统的体系结构。系统流程图主要应用在系统架构阶段，是系统分析员或系统设计师对将要构建系统的一种描述，这种描述以简单图形化的方式给出了系统的整体结构，涉及到系统将要使用的各种部件，如子系统、数据库、磁盘、文件、用户的输入与输出等。而每个模块中，单个功能的实现则可用程序流程图来描述。

下面展示几个例子：

程序流程图：

系统流程图：

同为流程图，下面这三个商务类的了解一下即可，因为对c语言学习帮助不大。

业务流程图
业务流程图就是描述那些个体在什么条件下做了什么事情，他们之间有何关联。主要分三个方面：

涉及到哪些主体？
每个主体都有哪些任务？
各个主体之间怎么联系的？

一般涉及到多个主体，每个主体之间有联系，比如p2p平台。下图为p2p的业务流程图、涉及到借款人、平台、投资人、第三方支付四个主体，以及每个主题需要完成的任务、任务之间的联系和先后顺序。
在这里插入图片描述

任务流程图

泳道图一般是从战略上分析整个业务流程，让你对公司所做的业务有个大概的了解，而任务流程图就是在你的产品操作上，用户通过什么样的操作来完成它的目标，比如你去银行ATM机器上取钱，你是如何一步步操作把钱取出来的，这里以p2p理财产品购买为例，来说明购买的任务流程图。

画流程图的时候注意主要流程和异常流程，在这个例子中，主要流程就是购买流程、异常流程就是没有设置交易密码、用户忘记交易密码、以及超过重试次数这些流程，画流程图的时候先画主要的流程，然后再把异常额流程考虑上，查漏补缺，保证不遗漏，产品的逻辑漏洞多半是由于异常情况没有考虑清楚，画流程图可以有效的帮助你梳理逻辑。

页面流程图

如果说业务流程图帮助你梳理战略，任务流程图帮助你梳理用户操作行为（主要给程序员看）、页面跳转流程在帮助你梳理各个页面之间的跳转关系（主要给UI和前端程序员看）这是一个逐步从整体到局部，从后端到前端的过程。

所有的产品都是由页面组成的，不论是APP、PC、H5都是由一个个页面组成的，页面流程图描述完成一个任务需要经过哪些步骤，你在画图的时候只需要清晰的表现出用户点击页面的什么地方，然后跳转到那个页面。主要由页面、行动点、连接线组成，下面以用户购买理财产品举例。