当前位置: 首页 > news >正文

Mermaid语法使用

Mermaid语法使用

  • 1. 基础类
    • 1.1 流程图
    • 1.2 时序图
  • 2. 工程图
    • 2.1 类图
    • 2.2 Git图

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

在这里插入图片描述

http://www.lryc.cn/news/116322.html

相关文章:

  • [OnWork.Tools]系列 05-系统工具
  • SOME/IP学习笔记1
  • Effective Java笔记(26)请不要使用原生态类型
  • linux 内存 - KO内存占用
  • 2023.8.7论文阅读
  • 2023河南萌新联赛第(五)场:郑州轻工业大学 --Kruskal
  • Maven引入本地jar包
  • Java并发编程实战——结构化并发应用程序
  • uniapp echarts 点击失效
  • 手机开启应急预警通知 / 地震预警
  • 2020年12月 Python(一级)真题解析#中国电子学会#全国青少年软件编程等级考试
  • 遇到无法复现的 Bug
  • 虚拟列表的实现(简单易懂)
  • 【WordPress】如何在WordPress中实现真·页面路由
  • Android界面设计与用户体验
  • 基于 FFmpeg 的跨平台视频播放器简明教程(八):音画同步
  • 【NLP pytorch】基于BiLSTM-CRF模型医疗数据实体识别实战(项目详解)
  • 人工智能原理(1)
  • 预测成真,国内传来三个消息,中国年轻人变了,创新力产品崛起
  • 维深(Wellsenn):2023中国消费端VR内容开发商调研报告(附下载
  • redis事务管理详解
  • 国产低功耗蓝牙HS6621CxC/6621Px系列支持Find My网络功能方案芯片
  • 【openGauss】分区表的介绍与使用
  • 代码随想录算法训练营day57
  • 【基础类】—前后端通信类系统性学习
  • vite项目中使用@代表根路径
  • 冶金化工操作VR虚拟仿真实验软件提高员工们协同作业的配合度
  • SQL Server数据库 -- 索引与视图
  • 2023 java web面试秘籍
  • 2023-08-05力扣今日二题