Markdown学习-2
利用Markdown画图(需勾选拓展语法)
markdown画图也是轻量级的,功能并不全。
。
(不同的编译器渲染的可能不一样)
流程图(graph)
概述
graph 方向描述
图表中的其他语句...
关键字graph表示一个流程图的开始,同时需要指定该图的方向
其中方向描述
为:
语法 | 含有 |
---|---|
TB | 从上到下 |
BT | 从下到上 |
RL | 从右到左 |
LR | 从左到右 |
T = TOP, B = BOTTOM, L=LEFT, R=RIGHT, D=DOWN
最常用的布局方向是TB、LR。
graph TB;
A-->B
B-->C
C-->A
graph LR;
A-->B
B-->C
C-->A
流程图常用符号及含义
节点形状
表述 | 说明 | 含义 |
---|---|---|
id[文字内容] | 矩形节点 | 表示过程,也就是整个流程中的一个环节 |
id(文字内容) | 圆角矩形节点 | 表示开始和结束 |
id((文字内容)) | 圆形节点 | 表示连接(为避免流程过长或有交叉,可将流程切开,成对) |
id{文字内容} | 菱形节点 | 表示判断、决策 |
id>文字内容] | 向右旗帜状节点 |
单向箭头线段:表示流程进行方向
id即为节点的唯一标示,A~F是当前节点名字,类似与变量名,画图时便于应用括号内时节点中要显示的文字,默认检点的名字和现实的文字都是A
graph TB
begin(出门)-->buy[买炸鸡]
buy-->IsRemaining{"还有没有炸鸡?"}
IsRemaining-->有-->happy["买完炸鸡很开心"] --> goBack(回家)
IsRemaining-->没有--> sad["伤心"] --> goBack
graph TB
A1-->B1
A2---B2
A3--text---B3
A4--text-->B4
A5-.-B5
A6-.->B6
A7-.text.-B7
A8-.text.->B8
A9===B9
A10==>B10
A11==text===B11
A12==text==>B12
连线
子图表
使用以下语法添加子图表
subgraph 子图表名称
子图表中描述语句
end
流程图练习总结
序列图(sequence diagram)
概论
sequenceDiagram
[参与者1][消息线][参与者2]:消息体
sequenceDiagram
为每幅时序图的固定开头
sequenceDiagram
Title:买炸鸡
救救->>炸鸡店小哥:还有炸鸡吗?
炸鸡店小哥-->>救救:没有,要现炸
参与者(participant)
传统时序图概念中参与者有角色和类对象之分,但这里我们不做此区分,用参与者表示一切参与交互的事务,可以是人、类对象、系统等形式。中间竖直线的线段从上至下表示时间的流逝。
sequenceDiagram
participant 参与者 1
participant 参与者 2
···
participant 简称 as 参与者 3 #该语法可以在接下来的描述中使用简称来代替参与者 3
partcipant<参与者名称>
声明参与者,语句次序即为参与者横向排列次序
类型 | 描述 |
---|---|
-> | 无箭头的实线 |
–> | 无箭头的虚线 |
->> | 有箭头的实线(主动发出消息) |
–>> | 有箭头的虚线(响应) |
-x | 末端为叉的实线(表示异步) |
–x | 末端为叉的虚线(表示异步) |
处理中-激活框
从消息接收方的时间线上标记一小段时间,表示对消息进行处理的时间间隔。
在消息线末尾增加+
,则消息接收者进入当前消息的“处理中”状态;
在消息线末尾增加-
,则消息接收者离开当前消息的“处理中”状态。
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->>seller:还有炸鸡吗?
seller -->> 99:没有,要现炸。
99 -x +seller:给我炸!
seller -->> -99:您的炸鸡好了!
注解(note)
语法如下
Note 位置表述 参与者:标记文字
其中位置表述可以为
表述 | 含义 |
---|---|
right of | 右侧 |
left of | 左侧 |
over | 在当中,可以横跨多个参与者 |
####循环(loop)
选择(alt)
可选(opt)
并行(par)
饼图(pie)
甘特图(gantt)
title 标题
dateFormat 日期格式
section 部分名
任务名:参数一, 参数二, 参数三, 参数四,参数五
//参数一:crit(是否重要,红框框) 或者 不填
//参数二:done(已完成)、active(正在进行) 或者 不填(表示为待完成状态)
//参数三:取小名 或者 不填
//参数四:任务开始时间
//参数五:任务结束时间