流程图(flowchart)语法学习
创建流程图需要选择语言: mermaid
流程中的代码包裹
graph 这里写顺序
end
流程图方向:
从上到下(TB),从下到上(BT),从左到右(LR),从右到左(RL)
TB - 从上到下
TD - 自上而下/与自上同
BT - 从下到上
RL - 从右到左
LR - 从左到右
2.节点形状
体育场形状的节点 Aid1([描述])
矩形节点 A[描述]
圆角矩形节点 B(描述)
子例程形状中的节点 B[[描述]]
圆形节点 C((描述))
圆柱形节点 C [(描述)]
右向旗帜状节点/非对称节点(asymetric shape) D>描述]
菱形节点(rhombus)E{描述}
六边形节点 E{{描述}}
平行四边形 E[/描述/]
梯形1 F[/描述\]
梯形2 F[\描述/]
节点间的连线
带有箭头的链接 A-->B
不带箭头 A --- B
链接上的文本 A-- This is the text! ---B 或 A---|This is the text|B
带有箭头和文本的链接 A-->|text|B 或 A-- text -->B
虚线链接:A-.->B;
带文本的虚线 A-. text .-> B
粗链接 A ==> B
带文本的粗链接 A == text ==> B
链接链接:多个相连
A -- text --> B -- text2 --> C
也可以这样: a --> b & c--> d
依赖关系ab 依赖cd: A & B--> C & D
拆解就这样
A --> C
A --> D
B --> C
B --> D
新的箭头类型
A --o B
B --x C
多向箭头
A o--o B
B <--> C
C x--x D
例子:
graph TB
id1(圆角矩形)--普通线-->id2[矩形]
subgraph 子图表名称
id2==粗线==>id3{菱形}
id3-.虚线.->id4>右向旗帜]
id3--无箭头---id5((圆形))
end
后面百度了一圈发现还有标准流程图,这里边可以写if分支,循环啥的,我tm,上面是干啥用的??
流程图(flowchart)语法
流程图的语法大致分为两部分。
- 定义元素
tag=>type: content:url
tag:标签,用于连接元素时使用
type:该标签的类型。共有6种类型如下:
start 开始
end 结束
operation 处理框
subroutine 子流程
condition 判断框
inputoutput 输入输出框
content:流程语句中放置的内容 和type 空格隔开
url:链接,与流程语句绑定
连接元素
c2(yes)->io->e
c2(no)->op2->e
st=>start: 开始
e=>end: 结束
cond=>condition: 确定吗
op1=>operation: 分支1
op2=>operation: 分支2 st->cond
cond(yes)->op1->e
cond(no)->op2->e
流程图(flowchart)语法学习的更多相关文章
- Golang 语法学习笔记
Golang 语法学习笔记 包.变量和函数. 包 每个 Go 程序都是由包组成的. 程序运行的入口是包 main. 包名与导入路径的最后一个目录一致."math/rand" 包由 ...
- Swift高级语法学习总结(转)
Swift高级语法学习总结 1.函数 1.1 func funcNmae()->(){} 这样就定义了一个函数,它的参数为空,返回值为空,如果有参数和返回值直接写在两个括号里就可以了 1.2 参 ...
- Swift基础语法学习总结(转)
Swift基础语法学习总结 1.基础 1.1) swift还是使用// 和/* */ 来注释,并且/* */允许多行注释. 1.2) swift使用print和println打印,它的传参是一个泛型 ...
- Swift高级语法学习总结
Swift基础语法学习总结Swift高级语法学习总结Swift语法总结补充(一) 1.函数 1.1 func funcNmae()->(){} 这样就定义了一个函数,它的参数为空,返回值为空,如 ...
- Swift基础语法学习总结
Swift基础语法学习总结Swift高级语法学习总结Swift语法总结补充(一) 1.基础 1.1) swift还是使用// 和/* */ 来注释,并且/* */允许多行注释. 1.2) swift ...
- Robot Framework语法学习(一)
Robot Framework语法学习: 一.变量的声明.赋值与使用 1.变量标识符:每个变量都可以用 变量标识符 ${变量名} 来表示. 2.变量声明:可以在TestSuite上点右键或者在Edi ...
- MarkDown语法 学习笔记 效果源码对照
MarkDown基本语法学习笔记 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. 下面将对Markdown的基本使用做一个介绍 目 ...
- 毕业设计 之 五 PHP语法学习笔记
毕业设计 之 四 PHP语法学习笔记 作者:20135216 平台:windows10 软件:XAMPP,DreamWeaver 说明:该笔记是对网站编程语言的详细学习 一.PHP基础 0. 关于环境 ...
- 【Python】Python-基础语法学习
基础语法学习 果然学完 C++ 后再看其他语言的确有很多的共性,只需要熟悉一下python的独特语法和 C++ 中的差异就可以写出一些小的程序,而写得过程中也再次体会出python代码的精简和灵活: ...
随机推荐
- React实现组件全屏化
介绍 本文基于React+antd,给大家演示一个完整的全屏demo. 起因是开发今天给我提了一个sql编辑器输入框比较小,不支持放大,不太方便.希望能够全屏显示,联想到自己以后可能也会需要,便研究并 ...
- js--标签语法的使用
前言 在日常开发中我们经常使用到递归.break.continue.return等语句改变程序运行的位置,其实,在 JavaScript 中还提供了标签语句,用于标记指定的代码块,便于跳转到指定的位置 ...
- Netty 组件分析
EventLoop 事件循环对象 EventLoop 本质是一个单线程执行器(同时维护了一个 Selector),里面有 run 方法处理 Channel 上源源不断的 io 事件. 它的继承关系比较 ...
- Coursera Deep Learning笔记 序列模型(三)Sequence models & Attention mechanism(序列模型和注意力机制)
参考 1. 基础模型(Basic Model) Sequence to sequence模型(Seq2Seq) 从机器翻译到语音识别方面都有着广泛的应用. 举例: 该机器翻译问题,可以使用" ...
- 热身训练1 Problem B. Harvest of Apples
http://acm.hdu.edu.cn/showproblem.php?pid=6333 题意: 求 C(0,n)+C(1,n)+...+C(m,n) 分析: 这道题,我们令s(m,n) = C( ...
- [火星补锅] siano 神奇的线段树
前言: 本来以为很难打的,没想到主干一次就打对了,然而把输入的b和d弄混了,这sb错误调了两个小时... 解析: 神奇的线段树.注意到有一个性质,无论怎么割草,生长速度快的一定不会比生长速度慢的矮.因 ...
- 期望dp好题选做
前言: 最近连考两场期望dp的题目,sir说十分板子的题目我竟然一点也不会,而且讲过以后也觉得很不可改.于是开个坑. 1.晚测10 T2 大佬(kat) 明明有\(O(mlog)\)的写法,但是\(m ...
- 2021.6.29考试总结[NOIP模拟10]
T1 入阵曲 二位前缀和暴力n4可以拿60. 观察到维护前缀和时模k意义下余数一样的前缀和相减后一定被k整除,前缀和维护模数,n2枚举行数,n枚举列, 开一个桶记录模数出现个数,每枚举到该模数就加上它 ...
- IDA*、剪枝、较难搜索、扫描——DNA sequence HDU - 1560
万恶之源 翻译 题意就是给出N个DNA序列,要求出一个包含这n个序列的最短序列是多长 这是一道搜索题,为什么呢?从样例可以感受到,我们应该从左往右"扫描",从n个DNA序列中取出某 ...
- MVC中单选按钮的实现
-------------控制器-------------- ViewBag.Kinds = SYS_Category.List(xxxxxxxxxxxxxxxxxxxxxxx); --------- ...