使用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

相关推荐
脾气有点小暴4 分钟前
Tree Shaking 深度解析:原理、应用与实践
前端·vue.js
沉默GAVIN7 分钟前
How Apps Communicate with ActivityManagerService
java
k***459912 分钟前
SpringBoot中如何手动开启事务
java·spring boot·spring
帅得不敢出门13 分钟前
Android8 Framework实现Ntp服务器多域名轮询同步时间
android·java·服务器·python·framework·github
走在路上的菜鸟15 分钟前
Android学Dart学习笔记第十一节 错误处理
android·笔记·学习·flutter
阿杰同学17 分钟前
Java NIO 面试题及答案整理,最新面试题
java·开发语言·nio
van久19 分钟前
.Net Core 学习:Razor Pages -- EF Core工作原理
数据库·学习·.netcore
没有bug.的程序员29 分钟前
GC日志解析:从日志看全流程
java·网络·jvm·spring·日志·gc
WZTTMoon30 分钟前
开发中反复查的 Spring Boot 注解,一次性整理到位
java·spring boot·后端
一点一木30 分钟前
🚀 2025 年 11 月 GitHub 十大热门项目排行榜 🔥
前端·人工智能·github