流程图-基本语法

Graph

graph用于定义流程局节点的走线方向；
T D或者TB可以让流程图从上往下走。

```mermaid
graph T D
Start --> Stop
```

Start
Stop

LR 从左到右




 

  graph LR Start --> Stop
 





 

 

  Start
 

 

  Stop
 




流程图方向定义语法：


    
 
  • TB从上到下
    • 
 
  • T D 从上到下(与TB相同)
    • 
 
  • BT 从下到上
    • 
 
  • RL 从右到左
    • 
 
  • LR 从左到右
    • 



No Des&Shapes


默认情况下流程图的节点形状为直角矩形，可通过括号的组合来改变流程图节点的形状





 

  graph LR A --> B C( A) --> D([Shape])
 





 

 

 

  A
 

 

  B
 

 

  A
 

 

  Shape
 




mermai D添加括号改变节点形状时语法也有了些许的改变;添加括号语法后，括号内的内容就是节点里显示的内容且里面必须有内容，括号外面的内容变成了节点形状的name(在一个图表中name不能相同);

    节点形状语法表



 

  
   

    语法
    说明
   

  
  
   

    start[start]
    直角矩形
   

   

    start(start)
    圆角矩形
   

   

    start([start])
    体育场形
   

   

    start[[start]]
    长灯光形
   

   

    start[(start)]
    圆柱体形
   

   

    start((start))
    正圆形
   

   

    start>start]
    标签形
   

   

    start{start}
    菱形
   

   

    start{{start}}
    六角形
   

   

    start[/start/]
    平行四边形
   

   

    start[\start]
    反向平行四边行
   

   

    start[/start]
    梯形
   

   

    start[\start/]
    倒梯形
   

  
 




Line&Label


节点形状间可以添加各式各样的连线，并且可以在线上添加注释；





 

  graph TB A --> B  C --- D E -- Run! --- F G ---|Run!| H I -.- J K .-> L M -.Run!.-> N O = =Run!==> P Q --Run!--> R --stop!--> S
 





 

 

 

  Run!
 

 

  Run!
 

 

 

 

  Run!
 

 

  Run!
 

 

  Run!
 

 

  stop!
 

 

  A
 

 

  B
 

 

  C
 

 

  D
 

 

  E
 

 

  F
 

 

  G
 

 

  H
 

 

  I
 

 

  J
 

 

  K
 

 

  L
 

 

  M
 

 

  N
 

 

  O
 

 

  P
 

 

  Q
 

 

  R
 

 

  S
 







 

  flowchart TB T--> U & V --> W X & Y --> Z & ZZ
 





 

 

 

 

 

 

 

 

 

  T
 

 

  U
 

 

  V
 

 

  W
 

 

  X
 

 

  Y
 

 

  Z
 

 

  ZZ
 




Flowchart


特殊类型的连线


flowchart和graph比连线变得平滑了些许，而且flowchart有更多的连线类型





 

  flowchart TB  A --o B --x C & D E & F --> G & H I <--> J  K x--x L M o--o N
 





 

  

   

  

  

 





 

 

 

 

 

 

 

 

 

 

 

  A
 

 

  B
 

 

  C
 

 

  D
 

 

  E
 

 

  F
 

 

  G
 

 

  H
 

 

  I
 

 

  J
 

 

  K
 

 

  L
 

 

  M
 

 

  N
 




较长连线(下面的代码要在8.8以上的mermaid上才能正常运行)





 

  graph TB subgraph one A[A0] --> B{B0} B -->|Yes| C[OK0] C --> D[Rethink0] D --> B B ----> |No| E[End0] end subgraph two F[A1] --> G{B1} G -->|Yes| H[OK1] H --> I[Rethink1] I --> G G -- NO ----> J[End1] end
 





 

  two
 

 

  one
 

 

 

  Yes
 

 

 

 

  No
 

 

 

  Yes
 

 

 

 

  NO
 

 

  B1
 

 

  A1
 

 

  OK1
 

 

  Rethink1
 

 

  End1
 

 

  B0
 

 

  A0
 

 

  OK0
 

 

  Rethink0
 

 

  End0
 




更多线的修饰符:



 

  
   

    长度
    1
    2
    3
   

  
  
   

    正常
    ---
    ----
    -----
   

   

    普通带箭头
    -->
    --->
    ---->
   

   

    粗
    ===
    ====
    =====
   

   

    粗带箭头
    ==>
    ===>
    ====>
   

   

    点缀
    -.-
    -..-
    -...-
   

   

    点缀带箭头
    -.->
    -..->
    -...->
   

  
 




更加复杂的注释信息


在写注释的时候可能会使用到一些符号表情，这些符号表情可能会破坏代码结构，这是可以使用双引号将注释信息转成字符串





 

  graph LR A-- "Run! && ❤❤ "-->B-- "🕒stop!"-->C
 





 

  Run! && ❤❤
 

 

  🕒stop!
 

 

  A
 

 

  B
 

 

  C
 




转义字符





 

  graph LR A ["A double quote:#quot;"] --> B ["A dec char:#9829;"]
 





 

  

   

  

  

 





 

 

  A double quote:"
 

 

  A dec char:♥
 




多层嵌套(字图)


为流程添加子层

    subgraph title

    graph definition

    end





 

  graph TB c1--> a2 subgraph one a1--> a2 end subgraph two b1-->b2 end subgraph three c1--> c2 end
 





 

  

   

  

  

 





 

  three
 

 

  two
 

 

  one
 

 

 

 

 

 

  c2
 

 

  c1
 

 

  b2
 

 

  b1
 

 

  a2
 

 

  a1
 







 

  graph TB c1--> a2 subgraph ide1 [one] a1--> a2 end
 





 

  one
 

 

 

 

  a2
 

 

  a1
 

 

  c1
 




更多有趣的用法官方文档
 
  

        # intellij-idea
      
        # java
      
        # intellij idea
      
  
 
 Logo 
腾讯云开发者社区
 
腾讯云面向开发者汇聚海量精品云计算使用和开发经验，营造开放的云计算技术生态圈。
 
 
  
更多推荐
  
 
Elasticsearch复杂数据类型终极指南：从入门到精通
 
Elasticsearch作为功能强大的搜索引擎，支持多种复杂数据类型，让开发者能够灵活处理各种结构化和非结构化数据。本文将带你全面了解Elasticsearch中的复杂数据类型，从基础概念到实际应用，助你轻松掌握数据建模的核心技巧。## 内部对象：构建层级化数据结构在Elasticsearch中，对象类型（Object）是最基础的复杂数据类型之一，用于表示具有嵌套关系的数据。例如，我们可
 
avatar 腾讯云开发者社区
 
 
终极指南：Flink SQL连接器版本管理从混乱到有序的升级之路
 
Apache Flink作为流处理领域的佼佼者，其SQL连接器的版本管理一直是开发者面临的核心挑战。本文将系统讲解Flink SQL连接器版本管理的最佳实践，帮助你轻松应对版本兼容性问题，实现从混乱到有序的升级之旅。## 连接器版本管理的常见痛点 😫在Flink应用开发中，连接器版本管理常常让开发者头疼不已。不同版本的连接器可能导致各种兼容性问题，例如API变更、功能差异甚至运行时错误。
 
avatar 腾讯云开发者社区
 
 
如何快速搭建Neon无服务器PostgreSQL：面向初学者的完整指南
 
Neon是一款革命性的无服务器PostgreSQL解决方案，它通过分离存储和计算层，实现了自动扩缩容、类代码式数据库分支以及零级扩展能力。本指南将帮助你从零开始搭建Neon开发环境，体验这款创新数据库的强大功能。## 准备工作：环境要求与依赖项在开始搭建Neon环境前，请确保你的系统满足以下要求：- Linux操作系统（推荐Ubuntu 20.04+或Debian 11+）- Git
 
avatar 腾讯云开发者社区