开源绘图工具 PlantUML 入门教程(常用于画类图、用例图、时序图等)


一、类图

  1. 类的UML图示
@startuml
skinparam classAttributeIconSize 0
class Dummy {
 -field1 : String
 #field2 : int
 ~method1() : String
 +method2() : void
}
@enduml

在这里插入图片描述


  1. 定义能见度(可访问性)
    在这里插入图片描述
@startuml

class Dummy {
 -field1
 #field2
 ~method1()
 +method2()
}

@enduml

在这里插入图片描述

@startuml
skinparam classAttributeIconSize 0
class Dummy {
 -field1
 #field2
 ~method1()
 +method2()
}
@enduml

在这里插入图片描述


  1. 类之间的关系
    在这里插入图片描述
@startuml
Class01 <|-- Class02
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 -- Class10
@enduml

在这里插入图片描述

@startuml
Class11 <|.. Class12
Class13 --> Class14
Class15 ..> Class16
Class17 ..|> Class18
Class19 <--* Class20
@enduml

在这里插入图片描述

@startuml
Class21 #-- Class22
Class23 x-- Class24
Class25 }-- Class26
Class27 +-- Class28
Class29 ^-- Class30
@enduml

在这里插入图片描述

例子1:

@startuml

skinparam classAttributeIconSize 0
class Class01 {
 -field1
 #field2
 ~method1()
 +method2()
}
class Class02 {
 -field1
 #field2
 ~method1()
 +method2()
}

Class01 <|-- Class02

@enduml

或者

@startuml

skinparam classAttributeIconSize 0
class Class01 {
 -field1
 #field2
 ~method1()
 +method2()
}
class Class02 extends Class01 {
 -field1
 #field2
 ~method1()
 +method2()
}

@enduml

在这里插入图片描述

例子2:

@startuml

skinparam classAttributeIconSize 0
class Class01 {
 -field1
 #field2
 ~method1()
 +method2()
}
class Class02 {
 -field1
 #field2
 ~method1()
 +method2()
}
class Class03 {
 -field1
 #field2
 ~method1()
 +method2()
}

Class01 <|-- Class02
Class01 <|-- Class03

@enduml

或者

@startuml

skinparam classAttributeIconSize 0
class Class01 {
 -field1
 #field2
 ~method1()
 +method2()
}
class Class02 extends Class01 {
 -field1
 #field2
 ~method1()
 +method2()
}
class Class03 extends Class01 {
 -field1
 #field2
 ~method1()
 +method2()
}


@enduml

在这里插入图片描述

二、用例图

@startuml
left to right direction
actor "Food Critic" as fc
rectangle Restaurant {
  usecase "Eat Food" as UC1
  usecase "Pay for Food" as UC2
  usecase "Drink" as UC3
}
fc --> UC1
fc --> UC2
fc --> UC3
@enduml

在这里插入图片描述

三、时序图

例子1:

@startuml

autonumber
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

Alice -> Bob: Another authentication Request
Alice <-- Bob: another authentication Response

@enduml

在这里插入图片描述

例子2:

@startuml

participant user
user -> A: DoWork
activate A
A -> B: <<create Request>>
activate B
B -> C: DoWork
activate C
C --> B: WorkDone
destroy C
B --> A: RequestCreated
deactivate B
A -> user: Done
deactivate A

@enduml

在这里插入图片描述


参考资料

  1. 官网:

  2. 博客:https://blog.csdn.net/pleaseprintf/article/details/130656001

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值