typro绘制uml

1. 流程图

1.1 普通流程图

1.1.1 横向

graph LR
 
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]

a=1

a=2

方形

圆角

条件a

结果1

结果2

横向流程图

1.1.2 纵向

graph TD
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[竖向流程图]

a=1

a=2

方形

圆角

条件a

结果1

结果2

竖向流程图

1.2 标准流程图

1.2.1 竖直

st=>start: 开始框
 
op=>operation: 处理框
 
cond=>condition: 判断框(是或否?)
 
sub1=>subroutine: 子流程
 
io=>inputoutput: 输入输出框
 
e=>end: 结束框
 
st->op->cond
 
cond(yes)->io->e
 
cond(no)->sub1(right)->op

1.2.2 横向

st=>start: 开始框
 
op=>operation: 处理框
 
cond=>condition: 判断框(是或否?)
 
sub1=>subroutine: 子流程
 
io=>inputoutput: 输入输出框
 
e=>end: 结束框
 
st(right)->op(right)->cond
 
cond(yes)->io(bottom)->e
 
cond(no)->sub1(right)->op

2. 时序图

2.1 标准

lyp_csdn_对象A->lyp_csdn_对象B: 对象B你好吗?（请求）
 
Note right of lyp_csdn_对象B: 对象B的描述
 
Note left of lyp_csdn_对象A: 对象A的描述(提示)
 
lyp_csdn_对象B-->lyp_csdn_对象A: 我很好(响应)
 
lyp_csdn_对象A->lyp_csdn_对象B: 你真的好吗？

2.2 复杂样例

Title: ULM时序图复杂使用（标题）
 
对象A->对象B: 对象B你好吗?（请求）
 
Note right of 对象B: 对象B的描述
 
Note left of 对象A: 对象A的描述(提示)
 
对象B-->对象A: 我很好(响应)
 
对象B->小三: 你好吗
 
小三-->>对象A: 对象B找我了
 
对象A->对象B: 你真的好吗？
 
Note over 小三,对象B: 我们是朋友
 
participant C
 
Note right of C: 没人陪我玩