【前言】在深入软件白盒测试的过程中，程序流程图的存在感越发强烈。而手动从源代码转换为流程图的过程又是一项繁琐但并不复杂的过程，想必有很多自动化的方法来实现。
 
 
 
 
 
参考：
 
 
几款代码转流程图软件
 
 
https://code2flow.com/
 
 
http://fatesoft.com/s2f/
 
 
http://www.athtek.com/code-to-flowchart.html#.WxIFuUxuLZs
 
 
 
 
 
 
 
 
大概调研了下，大部分提到的国外几款源码转流程图甚至是流程图转源码工具都是要收费的。
 
 
 
 
转载于:https://www.cnblogs.com/cathygx/p/9124851.html

大学里学过好多程序流程图，好像是《软件工程》的课。
 
基本都忘了，有次用visio画图，看到几张图，感觉有印象，才想起是大学里读过的。
 
流程图是在结构化编程里确实比较有用，认真回忆起来，也确实曾经代码怎么写怎么不对，心急火燎，最终还是换出纸，心平气和的画了张图，才发现自己的谬误在哪。
 
Code::Blocks 在10.5正式版之后，又搞了好多每夜构建版本，忘了哪个版本，突然就有了一个和流程图有关的功能。
 
说过了流程图有好多，这个是： 
 
 
 
Nassi–Shneiderman diagram
 
 
 
http://en.wikipedia.org/wiki/Nassi%E2%80%93Shneiderman_diagram
 
 
 
我仍然是只记得有这个东东名字，为了好玩，就试了几把。
 
它能够将一段代码转换成一个流程图，也能够的反过来编辑那张图，然后再生成一段代码。
 
可能因为前面有布局配置的原因，这个插件一开始我找不到这的工具栏，心里感觉应该有。
 
方法很简单，通过View -> Perspectives，选中Code::Blocks default。如果没有一排新的工具栏出现，就选中“delete current”，新工具栏就出现了。
 
本文仅示意从代码到图形：
 
 
 
 
  

   Code:
  
 
 
 
 
//reset width and height  
_width = 0;  
_height = 0;  
  
//from right to left..  
for (int col=3; col>=0; --col)  
{  
    for (int row=0; row<4; ++row)  
    {  
        if (this->CellAt(row, col))   
        {  
            _width = col + 1;  
            break;  
        }  
    }  
      
    if (_width != 0)  
        break;  
}  
 
 
这是一个函数中的一段代码。选中它们，右键，选：Nassi Shneiderman -> Create diagram。
 
就会打开新的一页，图形如下：
 
 
如何编辑，关键是如果要在图上修改代码，记得一定要直接点在代码上，就会出现编辑框。其它的大家试。

 
软件工程——程序流程图详解
 
程序流程图
程序流程图的基本控制结构
程序流程图实例
程序流程图的标准符号（国家标准）
循环的标准符号
注解符的使用
多选择判断
  
N-S图
N-S图的基本控制结构
N-S图的实例
N-S图的特点
N-S图的扩展表示
  
PAD图
PAD的扩充控制结构
PAD的优点
 

 
程序流程图
 
程序流程图也称为程序框图，是软件开发者最熟悉的算法表达工具。
 
程序流程图的基本控制结构
 
顺序型：几个连续的加工步骤依次排列构成。
选择型：由某个逻辑判断式的取值决定选择两个加工中的一个。
先判定（while）型循环：在循环控制条件成立时，重复执行特定的加工。
后判定（until）型循环：重复执行某些特定的加工，直至控制条件成立。
多情况（case）型选择：列举多种加工情况，根据控制变量的取值，选择执行其一。
 
 
程序流程图实例
 
 
程序流程图的标准符号（国家标准）
 
 
循环的标准符号
 
 
注解符的使用
 
 
多选择判断
 
 
N-S图
 
Nassi和Shneiderman 提出了一种符合结构化程序设计原则的图形描述工具，叫做盒图 （box-diagram），也叫做N-S图。
 
在N-S图中，为了表示5种基本控制结构，规定了5种图形构件。
 
N-S图的基本控制结构
 
 
N-S图的实例
 
 
N-S图的特点
 
图中每个矩形框（除CASE构造中表示条件取值的矩形框外）都是明确定义了的功能域（即一个特定控制结构的作用域），以图形表示，清晰可见。
它的控制转移不能任意规定，必须遵守结构化程序设计的要求。
很容易确定局部数据和（或）全局数据的作用域。
很容易表现嵌套关系，也可以表示模块的层次结构。
 
N-S图的扩展表示
 
 
PAD图
 
PAD（problem analysis diagram）是日本日立公司提出，由程序流程图演化来的，用结构化程序设计思想表现程序逻辑结构的图形工具。
 
PAD也设置了5种基本控制结构的图式，并允许递归使用。
 
PAD的扩充控制结构
 
 
PAD的优点
 
使用PAD符号所设计出来的程序必然是结构化程序。
PAD图描绘程序结构清晰，图中竖线的总条数就是程序的层次数。
用PAD图表现程序逻辑易读、易懂、易记。
容易将PAD图自动转换为高级语言源程序。
PAD图既可以表示程序逻辑，也可用于描绘数据结构。
PAD图的符号支持自顶向下、逐步求精方法的使用。

在需求分阶段经常使用3种方法去剖析我们所面对的业务。
 
程序流程图
 
任何复杂的程序图都应由5种基本控制结构组成或嵌套而成。
 
 

  
 
盒图（N-S图）
 
Nassi和Scheiderman提出了一种符合结构化程序设计原则的图形描述工具，叫作盒图，也叫做N-S图。任何一个N-S图，都是下面5种
 
 
 
 
 
 
PAD图
 
PAD是Problem Analysis Diagram的缩写，它是日本日立公司提出，由程序流程图演化来的，用结构化程序设计思想表现程序逻辑结构的图形工具。
 
 
 
 
 
 
最后欢迎大家访问我的个人网站：1024s
 
​​​​​​​