跳至主要內容

Markdown

LincZero大约 1 分钟

Markdown

目录

plantUML by Gravize

参考:

教程

教程看plantuml官网文档就行

UML

  • 很多程序员采用UML(Unified Modeling Language,统一建模语言)绘制类图,用来描述类之间的关系。
    • ![img](plantUML by Gravizo.assets/01905.jpeg)

Gravize引擎渲染实战

流程图

内部的写法和plantuml写法不一致

时序图

内部的写法和plantuml写法不一致

类图

踩坑:不能加载左尖括号

无法被认为是img:

<img src='https://g.gravizo.com/svg?
@startuml;
Class01 <|-- Class02;
@enduml
'>

encode:能认为是img,但是无法解析

<img src='https://g.gravizo.com/svg?
%40startuml%3B%0AClass01%20%3C%7C--%20Class02%3B%0A%40enduml
'>

没有左尖括号的都能顺利打

最终解决方法:在官网发现了有替代写法

用
Class29 ^-- Class30;
代替
Class29 <|-- Class30;

思维导图

注意

上面的写法中,每个语句后面要接上 ; ,否则会解析失败。报错no @startuml

后来在github上找到了原因:https://github.com/TLmaK0/gravizo/issues/50 这里的;,相当于一个回车断句

@startuml;
Class03*-- Class04;
Class05 o-- Class06;
Class07 .. Class08;
Class09 -- Class10;
@enduml