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

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

img

img

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

基本结构

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

img img img

实际应用类型

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

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

下面展示几个例子:

程序流程图

img

系统流程图

img

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

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

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

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

任务流程图

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

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

页面流程图

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

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

在这里插入图片描述 页面流程一般只考虑正常的操作流程就行,对于异常的操作流程在正常流程的旁边画出,例如:上面的正常页面跳转是用户购买这个流程,异常页面跳转流程是在购买界面金额不足的时候点击去充值流程,这个在正常流程的旁边标示出来就好。

对这三种流程图感兴趣的话,来源:流程图介绍以及工具推荐

文章来源:

流程图学习

一个简单的画程序框图例子

另外如果需要绘制流程图,下面为快速链接

画流程图的软件教程