使用markmaid语言,在Typora中用mermaid画流程图和ER图

在markmaid中用mermaid画流程图和ER图


流程图方向有下面几个值

  • TB从上到下
  • BT从下到上
  • RL从右到左
  • LR从左到右
  • TD同TB

示例

从上到下

graph TD

A --> B
A B

从左到右

graph LR

A --> B
A B

基本图形

id + [文字描述] 矩形

  • id + (文字描述) 圆角矩形
  • id + > 文字描述] 不对称的矩形
  • id + {文字描述}菱形
  • id + ((文字描述))圆形

矩形 圆角矩形 不对成的矩形 菱形 圆形

节点之间的连接

A --> B A带箭头指向B

A --- B A不带箭头指向B
A -.- B A用虚线指向B
A -.-> B A用带箭头的虚线指向B
A ==> B A用加粗的箭头指向B
A -- 描述 --- B A不带箭头指向B并在中间加上文字描述
A -- 描述 --> B A带箭头指向B并在中间加上文字描述
A -. 描述 .-> B A用带箭头的虚线指向B并在中间加上文字描述
A == 描述 ==> B A用加粗的箭头指向B并在中间加上文字描述

描述 描述 描述 描述 A B A B A B A B A B A B A B A B A B

子流程图

subgraph title

graph definition

end
three one c2 c1 a2 a1

自定义样式

语法:style id 具体样式

示例
start stop

相关推荐
liberty8883 分钟前
dppt如何找到弹框
java·服务器·前端
宁雨桥5 分钟前
使用pnpm构建高效Monorepo:从零到一的完整指南
前端·pnpm·项目架构
s***38566 分钟前
Spring 中的 @ExceptionHandler 注解详解与应用
java·后端·spring
jtymyxmz6 分钟前
《Maya 2024 超级学习手册》2.2.7 实例:制作高脚杯模型
学习·maya
chéng ௹7 分钟前
uniapp vue3 unipush2.0 调用系统通知功能流程
前端·vue.js·uni-app
T***74259 分钟前
【Spring Boot】 SpringBoot自动装配-Condition
java·spring boot·后端
FAREWELL000759 分钟前
Lua学习记录(5) --- Lua中的协同程序 也称线程Coroutine的介绍
开发语言·学习·lua
小菜今天没吃饱10 分钟前
DVWA-XSS(DOM)
前端·javascript·xss·dvwa
Seven9711 分钟前
剑指offer-44、翻转单词序列
java