Blog

Blog

PHODAL

graphviz dot uml类图绘制笔记

对于理解一个程序来说,不同的人可能会有不同的方法。不过总的来说如果要关要逻辑思维去理解在有些情况下,可能会很有难度。这也就可以解释为什么近几年来可视化领域的发展是如何的速度,人们对于图形的理解要比数字快多了。

至于为什么用的是dot,而不是其他,很重要的一部分原因在于dot是一种语言,我们只需要简单的编程及可,所谓的简单指的是类似于CSS+HTML的关系,当然比这个还简单。

安装Graphviz

Graphviz的安装在哪个系统中都不算复杂,所谓的复杂安装如TeX等等。

Windows

官网下载:graphviz.org

Linux

  1. Ubuntu

    sudo apt-get install graphviz

  2. openSUSE

    sudo zypper install graphviz

Mac OS X

 brew install graphviz

简单的示例


    digraph G{
        a->b;
        b->c;
        c->d;
        c->e;
    }
这是一个简单的示例,也就是a->b,b->c和我们平时画的东西没有什么区别

生成

对应于格式可以生成相应的图片

  dot -Tpng g.dot -o g.png

其他可以参考官网,当然还有Tjpg,Tbmp,如果你需要的话。

UML示例

一个简单的类表示如下

Employee [
    label="{Employee|yearToDateEarings|ComputePay}"
]

当然还要在前面加上个形状

node[
       shape="record"
]

我们还需要一个空心的箭头

edge[
       arrowhead="empty"
 ]

最后代码如下


    digraph G{
        edge[
            arrowhead="empty"
        ]
        node[
            shape="record"
        ]
        Employee [
            label="{Employee|yearToDateEarings|ComputePay}"
        ]
        FullTimeEmployee[
            label="{FullTimeEmployee|weeklyRate|computePay}"
        ]
        PartTimeEmployee[
            label="{PartTimeEmployee|hourlyRate|computePay}"
        ]
        PartTimeEmployee->Employee
        FullTimeEmployee->Employee
    }


或许您还需要下面的文章:

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Engineer, Consultant, Writer, Designer

ThoughtWorks 技术专家

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 最新技术分享

标签