md流程图系列

发表于 更新于 分类于
本文字数： 2.5k 阅读时长 ≈ 2 分钟

画图

Mermaid 系列

横向流程图

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

竖向流程图

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

时序图

sequenceDiagram
    participant 张三
    participant 李四
    张三->王五: 王五你好吗？
    loop 健康检查
        王五->王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 
看医生...
    李四-->>张三: 很好!
    王五->李四: 你怎么样?
    李四-->王五: 很好!

甘特图

gantt
    dateFormat  YYYY-MM-DD
    title 软件开发甘特图
    section 设计
    需求                      :done,    des1, 2014-01-06,2014-01-08
    原型                      :active,  des2, 2014-01-09, 3d
    UI设计                    :         des3, after des2, 5d
    未来任务                  :         des4, after des3, 5d
    section 开发
    学习准备理解需求           :crit, done, 2014-01-06,24h
    设计框架                  :crit, done, after des2, 2d
    开发                      :crit, active, 3d
    未来任务                  :crit, 5d
    耍                        :2d
    section 测试
    功能测试                  :active, a1, after des3, 3d
    压力测试                  :after a1, 20h
    测试报告                  : 48h

Flow系列

横向流程图

竖向流程图

sequence系列

uml时序图

uml复杂时序图

相关文章