是什么？

PlantUML is a component that allows to quickly write :

  • Sequence diagram,
  • Usecase diagram,
  • Class diagram,
  • Activity diagram, (here is the new syntax),
  • Component diagram,
  • State diagram,
  • Deployment diagram,
  • Object diagram.
  • wireframe graphical interface

Diagrams are defined using a simple and intuitive language. ( see PlantUML Language Reference Guide).

例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
{% plantuml %}
skinparam backgroundColor #EEEBDC
skinparam handwritten true

skinparam sequence {
	ArrowColor DeepSkyBlue
	ActorBorderColor DeepSkyBlue
	LifeLineBorderColor blue
	LifeLineBackgroundColor #A9DCDF

	ParticipantBorderColor DeepSkyBlue
	ParticipantBackgroundColor DodgerBlue
	ParticipantFontName Impact
	ParticipantFontSize 17
	ParticipantFontColor #A9DCDF

	ActorBackgroundColor aqua
	ActorFontColor DeepSkyBlue
	ActorFontSize 17
	ActorFontName Aapex
}

actor User
participant "First Class" as A
participant "Second Class" as B
participant "Last Class" as C

User -> A: DoWork
activate A

A -> B: Create Request
activate B

B -> C: DoWork
activate C
C --> B: WorkDone
destroy C

B --> A: Request Created
deactivate B

A --> User: Done
deactivate A

{% endplantuml %}

上述代码的效果如下：

平台

可以在chromeapp中找到： 链接, 开箱即用

另可以和idea和eclipse、atom等编辑器集成，hexo中也有相应的插件，具体可看下面的教程

参考

  1. (记录)plantuml安装配置

  2. Hexo博客中的绘图

  3. 官网