• home > OMD > UML >

    程序猿专属UML画图工具:PlantUML简介及应用

    Author:zhoulujun Date:

    之前画架构图都是visio,想想能不能根据程序架构,自动生成UML图呢?plantUML可以快速绘制各种类型图,可以生成PNG, SVG 或 LaTeX 格式的图片 也可以生成 ASCII艺术图 (只针对时序图)。各种编程语言扩展库及编辑器插件支持非常好

    plantUML类似SVG一样,是一种绘图语言,像经常用的ER图、UML图、思维导图等。ER图等都可以通过plantUML绘制。

    plantUML官网写道:PlantUML是一个开源项目,支持快速绘制

    同时还支持以下非UML图:

    可以生成PNG, SVG 或 LaTeX 格式的图片. 也可以生成 ASCII艺术图 (只针对时序图)。各种编程语言扩展库及编辑器插件支持非常丰富。具体参看:https://plantuml.com/zh/running

    其实,官方文档都写很清楚,不必多说……

    在编辑器中,如同intellij idea,可以直接安装插件,绘制UML图。具体查看 《UML开发语言plantuml如何应用到编辑工具—mac上类visio工具》——https://www.zhoulujun.cn/html/Operation/UML/2016_0217_6378.html

    plantuml导出图

    在前端应用,在理在npm找到的库有:

    https://www.npmjs.com/package/node-plantuml

    词库直接读取plantUML文件,然后生成png图片。

    plantuml在线显示

    https://www.npmjs.com/package/plantuml-encoder-decoder

    编码plantUML,然后在

    var plantumlEncoder = require('plantuml-encoder')
    var encoded = plantumlEncoder.encode('A -> B: Hello')
    console.log(encoded) // SrJGjLDmibBmICt9oGS0
    var url = 'http://www.plantuml.com/plantuml/img/' + encoded

    个人还是推荐,http://www.gravizo.com/,更好。

    既然用gravizo,还是推荐Graphviz,《数据可视化Graphviz程序化绘图—学习资料收藏整理笔记》,相关工具更多,用的人也更多。



    转载本站文章《程序猿专属UML画图工具:PlantUML简介及应用》,
    请注明出处:https://www.zhoulujun.cn/html/Operation/UML/2015_0626_8290.html