快速画好一份程序流程图

工作中完成一个项目之后往往会花一些时间编写文档,画程序流程图。这样的好处是方便交接项目,后续也能够快速回忆。画流程图的软件有很多, 比如常用的Process,百度脑图,缺点是流程图只能以图片保存放到代码目录中,后续更改很麻烦。

这里参考Buildroot 开源库中使用的工具Graphviz ,根据相应的规则自动生成流程图。

Graphviz简介

Graphviz(英文: Graph Visualization Software的缩写) 是一个由AT&T开发的图形绘制工具,用于绘制DOT语言脚本描述的图形。支持多种格式输出,在windows、Linux、Mac上都可以顺利运行。

安装

Ubuntu或Debian下安装很简单

sudo apt-get install graphviz

使用示例

Dot是开源工具包Graphviz上用来画图的一门脚本语言。通过布局引擎解析脚本得到图像,然后可以将图像导出为各种格式以满足需求。有了它,我们就可以很方便地通过编写脚本来画各种结构示意图和流程图。

第一步: 编写以dot为后缀的文件hello.dot

digraph {
     hello -> world;
}

第二步: 使用dot命令编译

dot hello.dot -T png -o hello.png

完整的命令为:

<cmd> <inputfile> -T <format> -o <outputfile>

-T png 表示输出格式为png,可以设置的格式有pdf、svg、gif、dia等格式

第三步: 最终结果 

实际过程中画流程图往往根据项目的实际情况, 这里提供一些基础的例子供参考.

例子1 : 简单有向图

digraph graphname{  // 定义有向图,graphname表示图的名字
   a -> b;            //定义一个有向边,它从起始指向结束节点
   b -> c;
   a -> c;
}

编译生成 

例子2 : 带标签的简单有向图

digraph graphname{

   T [label="Teacher"]      // node T
   P [label="Pupil"]  // node P

   T->P [label="Instructions", fontcolor=darkgreen] // edge T->P
}

编译生成

例子3:同样的图,不同的形状和颜色

digraph graphname {
   T [label="Teacher" color=Blue, fontcolor=Red, fontsize=24, shape=box]      // node T
   P [label="Pupil" color=Blue, fontcolor=Red, fontsize=24, shape=box]  // node P

   T->P [label="Instructions", fontcolor=darkgreen] // edge T->P
}

编译生成 

例子4 : 定制模板

单独地去定义每一个节点其实很浪费时间的,这个模板会让你事半功倍。

digraph hierarchy {

   nodesep=1.0 // increases the separation between nodes

   node [color=Red,fontname=Courier,shape=box] //All nodes will this shape and colour
   edge [color=Blue, style=dashed] //All the lines look like this

   Headteacher->{Deputy1 Deputy2 BusinessManager}
   Deputy1->{Teacher1 Teacher2}
   BusinessManager->ITManager
   {rank=same;ITManager Teacher1 Teacher2}  // Put them on the same level
}

编译生成

关注程序手艺人,订阅号中输入流程图模板关键字,获取更多的参考模板。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏更流畅、简洁的软件开发方式

【开源】QuickPager ASP.NET2.0分页控件 v2.0.0.2版本。

下载地址:http://files.cnblogs.com/jyk/Page2.0.0.2_080701.rar 这回只有 dll文件。请把包里的文件拷贝到...

2076
来自专栏Huramkin的归档库

PHP301跳转代码

7681
来自专栏IMWeb前端团队

Nodejs进阶:http核心模块简介

本文作者:IMWeb 陈映平 原文出处:IMWeb社区 未经同意,禁止转载 http模块概览 大多数nodejs开发者都是冲着开发web server...

2215
来自专栏农夫安全

docker小试牛刀之bash_shellshock漏洞复现

漏洞名称 bash_shellshock • 首先,问题起因于一个命令ENV。 • 原型: • env [OPTION]...[NAME=VALUE]......

3068
来自专栏深度学习与计算机视觉

如何打开ipynb文件

最近在学习《TensorFlow 实战GoogLe深度学习框架》这本书,发现里面提供的源码后缀是.ipynb,而不是.py,那么我们应该怎么打开.ipynb后缀...

1.1K6
来自专栏开发与安全

80386的分段机制、分页机制和物理地址的形成

注:本分类下文章大多整理自《深入分析linux内核源代码》一书,另有参考其他一些资料如《linux内核完全剖析》、《linux c 编程一站式学习》等,只是为了...

2815
来自专栏程序手艺人

快速画好一份程序流程图

工作中完成一个项目之后往往会花一些时间编写文档,画程序流程图。这样的好处是方便交接项目,后续也能够快速回忆。画流程图的软件有很多, 比如常用的Process,百...

5556
来自专栏Albert陈凯

Hadoop数据分析平台实战——250JSSDK数据收集引擎编写离线数据分析平台实战——250JSSDK数据收集引擎编写

离线数据分析平台实战——250JSSDK数据收集引擎编写 JsSDK设计规则 在js sdk中我们需要收集launch、pageview、chargeReque...

3678
来自专栏Greenplum

Linux 常用命令(三)

curl 命令支持在线下载功能,使用方便,它支持,S,等协议,还支持PUT,POST,COOKIES,认证授权等操作。

2450
来自专栏王小雷

IPython、Notebook、qtconsole使用教程

IPython、Notebook、qtconsole使用教程 上一篇为Python,IPython,qtconsole,Notebook,Jupyter快速安...

4426

扫码关注云+社区

领取腾讯云代金券