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

相关推荐
code喵喵24 分钟前
系统性能优化
java·性能优化·压力测试
-self-disciplinese25 分钟前
从零开始学Java,学习笔记Day22
java·笔记·后端·学习
胡说八道的Dr. Zhu26 分钟前
深度学习中的数学基础【学习笔记】——第六章:随机变量
笔记·学习
牛奔27 分钟前
npm淘宝镜像证书过期
前端·npm·node.js
rgrgrwfe27 分钟前
前端内网开发npm 安装的几种方法
前端·npm·node.js
m0_748248772 小时前
【前端 Uniapp】使用Vant打造Uniapp项目(避坑版)
前端·uni-app
m0_748236832 小时前
Spring Boot日志:从Logger到@Slf4j的探秘
java·spring boot·spring
深海的鲸同学 luvi3 小时前
高德地图离线加载解决方案(内网部署)+本地地图瓦片加载
前端·javascript·html5
码字哥4 小时前
EasyExcel设置表头上面的那种大标题(前端传递来的大标题)
java·服务器·前端
GIS好难学6 小时前
《Vue进阶教程》第六课:computed()函数详解(上)
前端·javascript·vue.js