网站的风格设计/百度导航2023年最新版

1. 基础类

1.1 流程图

graph TBid1(圆角矩形)--普通线-->id2[矩形];subgraph 子图id2==粗线==>id3{菱形}id3-. 虚线.->id4>右向旗帜]id3--无箭头---id5((圆形))end

• 方向定义

用词	含义
TB	从上到下
BT	从下到上
RL	从右到左
LR	从左到右

• 节点定义

描述	说明
id[文字]	矩形节点
id(文字)	圆角矩形节点
id((文字))	圆形节点
id>文字]	右向旗帜状节点
id{文字}	菱形节点

• 节点连线

描述	说明
>	添加尾部箭头
-	不添加尾部箭头
–	单线
–text–	单线加文字
==	粗线
text	粗线加文字
-.-	虚线
-.text-	虚线加文字

1.2 时序图

sequenceDiagramAlice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John-->>Alice: Great!
John->>Bob : How about you?
Bob-->>John : Jolly good!

2. 工程图

2.1 类图

classDiagramClass01 <|-- AveryLongClass: Cool<<interface>> Class01Class09-->C2: Where am i?Class09 --* C3Class09 --|> Class07Class07: equals()Class07: Object[] elementDataClass01: size()Class01: int chimpClass01: int gorillaclass Class10 {<<service>>int idsize()}

2.2 Git图

gitGraph:commitbranch newbranchcheckout newbranchcommitcommitcheckout maincommitcommitmerge newbranch