plantuml画流程图

拟墨画扇 提交于 2020-02-26 17:13:53

#plantuml画图 PlantUML 是一个画图脚本语言,用它可以快速地画出:

  • 时序图
  • 流程图
  • 用例图
  • 状态图
  • 组件图

在markdown中的使用方式


##时序图

@startuml
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

Alice -> Bob: Another authentication Request
Alice <-- Bob: Another authentication Response
@enduml

##流程图 流程标签以 : 开始,以 ; 结束,按其定义顺序隐式链接。 就是正常流程图判断是棱形,这个有点奇怪,简单的流程图可以画的比加快,但是复杂的多泳道,条件复杂的还是用鼠标操作软件,个人认为可维护性更好一点,效率更高。

@startuml
:Hello world;
:I am cool;
@enduml

可以使用 start 和stop来表示图的开始和结束。

@startuml
start
:Hello world;
:I am cool;
stop
@enduml

也可以使用end

@startuml
start
:Hello world;
:I am cool;
end
@enduml

使用if then else

@startuml
start
if (ok?) then (yes)
  :process 1;
else (no)
  :process2;
endif
stop
@enduml

循环 repeat 和 While loop,repeat没发现可以在循环判断的时候写写文字说明

@startuml
start
repeat :foo as starting label;
  :read data;
  :generate diagrams;
backward:This is backward;
repeat while (more data?)
stop
@enduml

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

可以写一些注释:

@startuml
start
:foo1;
floating note left: This is a note
:foo2;
note right
  This right note 
end note
stop
@enduml

使用管道|,您可以定义泳道:

@startuml
|Swimlane1|
start
:foo1;
|#AntiqueWhite|Swimlane2|
:foo2;
:foo3;
|Swimlane1|
:foo4;
|Swimlane2|
:foo5;
stop
@enduml

展现的效果:

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!