• PlantUML安装与使用


    感谢

    使用 Sublime + PlantUML 高效地画图
    一分钟Sublime Text搭建PlantUML生成环境

    安装工具

    最省力的方式

    使用chrome插件plantuml viewer,然后直接用chrome打开该文件即可。注意要在插件管理中勾选:允许访问文件网址。

    本地生成方式

    对于一些特别大的文件,直接用chrome打开可能会很卡。这时候可以本地将puml文件转化为png或svg图,安装步骤如下:

    安装java运行时环境

    官网地址

    注意,应安装javaSE版本,然后同时在系统设置那里添加“JAVA_HOME”:“XXX/java/jdk”

    安装plantuml.jar

    官网地址

    如果你安装好了java环境,理论上在命令行中输入java -jar plantuml.jar 'sample'.uml就可以了。
    新版本的plantuml.jar可以有不需要graphviz的语法,不过如果你使用的仍是旧版本的语法,那就需要进行下一步的安装了。

    // 旧版本语法,需安装graphviz
    @startuml
    (*)-->"HelloWorld"
    "HelloWorld"-->(*)
    @enduml
    // 新版本语法,
    @startuml
    start
    :HelloWorld;
    stop
    @enduml
    

    安装graphviz

    官网地址

    graphviz是一个开源图形库。安装后最好在系统设置那里添加"GRAPHVIZ_DOT":"XXX/bin/dot.exe",XXX表示你安装的本地路径。

    配置sublime环境

    Tools->Build System->New Build System打开的文件中,加入以下代码:

    {
        "cmd": "java.exe -jar XXX/plantuml.jar -charset UTF-8 $file",
        "path":"XXX/Java/jre/bin/",
        "env": {"GRAPHVIZ_DOT":"XXX/graphviz/bin/dot.exe"}
    }
    

    说明:

    • 如果JAVA_HOME已经加到了环境变量PATH中,可以省略上面的path
    • 如果GRAPHVIZ_DOT已经加到了环境变量中,可以省略上面的env
    • 保存文件即可,文件名任取,建议为Puml.sublime-build

    测试

    在sublime中任选一个puml文件,crtl+B运行该文件,就会生成该文件的png图片,和直接用chrome插件打开的效果一样。

    uml简易使用教程

    官方文档(中英混杂)

    流程图

    文档

    Tips:

    • 使用 start 来表示流程开始,使用 stop 来表示流程结束
    • 顺序流程使用冒号和分号 :xxx;
    • 条件语句使用 if ("condition 1") then (true/yes/false/no) + else (false/no) + endif
    • 循环语句使用 while('condition') is ('stop condition') + endwhile
    • 注释使用 note left/right + end note

    例子1:

    @startuml
    start
    if (condition A) then (yes)
      :Text 1;
    elseif (condition B) then (yes)
      :Text 2;
      stop
    elseif (condition C) then (yes)
      :Text 3;
    elseif (condition D) then (yes)
      :Text 4;
    else (nothing)
      :Text else;
    endif
    stop
    @enduml
    

    例子2:

    @startuml
    while (check filesize ?) is (not empty)
      :read file;
    endwhile (empty)
    :close file;
    @enduml
    

    时序图

    文档

    时序图(Sequence Diagram),又名序列图、循序图,是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。

    用例图

    文档

    类图或对象图

    文档

  • 相关阅读:
    vsCode_1.27.2
    前端图片压缩(纯js)
    chrome浏览器表单自动填充默认样式(背景变黄)-autofill
    前端Table数据导出Excel使用HSSFWorkbook(Java)
    linux下安装python3.6
    linux 下启动tomca慢问题
    linux下nginx配置ssl证书(https)
    spring+mybatis多数据源
    css3实现小箭头,各种图形
    Windows 环境搭建Redis集群(win 64位)
  • 原文地址:https://www.cnblogs.com/ChanWunsam/p/9863154.html
Copyright © 2020-2023  润新知