【Markdown】Markdown 中的Flow flowchart.js 的基础教程
文章目录
- 基本格式
- 操作块
- 详细说明有哪些可以用的模块 (很容易理解,都是英文直译)
- 判断和位置控制 (所有符号都用半角:就是在英文状态下输入)
- 流程控制
基本格式
···mermaid //前面是三个 主键盘区数字1左边那个符号,这里我用中文来代替了,英文才能有效果//一般上面写结构,下面写流程
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?st->op->cond
cond(yes)->e
cond(no)->op
···
效果如下:
操作块
st=>start: 开始1. st 是变量名,类似php中数组索引,可以用英文,别定义的太离谱就行,如op_this,cond_echo
2. start 操作模块名,像数据类型 Int String,如:开始,结束,判断。命名严格,区别大小写。
3. 后面是要显示的文字`!!!!! 注意:冒号后要加空格 !!!!!!
详细说明有哪些可以用的模块 (很容易理解,都是英文直译)
#开始 start
st=>start: 开始#结束 end
e=>end: 结束#普通操作块 opration
op1=>opration: 第一个操作块
op2=>opration: 第二个操作块#判断块 condition
cond1=>condition: 第一个判断
cond2=>condition: 第二个判断#输入输出块 inputoutput
io1=>inputoutput: 输入输出块1
io2=>inputoutput: 输入输出块2#子任务块
sub1=>subroutine: 子任务1
sub2=>subroutine: 子任务2
判断和位置控制 (所有符号都用半角:就是在英文状态下输入)
#判断流程控制
cond1(yes)->op1 #yes 的时候回到 op1
cond1(no)->e #no 的时候 去结束#位置指定
cond1(no)->op2(right)->op1 #控制 op2 位置置于右边,再由op2 返回 op1 (好像不能向左)
#还可以这样 cond1(no,right)cond1(yes)->e
如:
流程控制
st->op1->e# -> 作为控制流程的操作符,就是指向下一步要操作的。
# 每一条都算是一条流程# 你也可以断开写,怎么方便怎么来,如:下面两个是一样的。#分着写
st->op1
op1->e#合着写
st->op1->e
#判断也是一样:
st->cond
cond(yes)->io
cond(no)->op1
微信开发者接入和回复信息合一的流程图
代码如下:
···flow
st=>start: 微信验证接入
e=>end: END
cond1=>condition: echostr == nullop2_1=>operation: 将token、timestamp、nonce三个参数进行字典序排序
op2_2=>operation: 将三个参数字符串拼接成一个字符串进行sha1加密
cond2=>condition: 加密字符串 == signature
io1=>inputoutput: 返回echostrop1=>operation: 获取post,解析xml数据
op2=>operation: 判断信息内容,处理相关操作
io2=>inputoutput: post返回数据st->cond1
cond1(yes)->op1->op2->io2->e
cond1(no)->op2_1(right)->op2_2->cond2
cond2(no)->e
cond2(yes)->io1->e
···
登录流程图
代码如下:
···mermaid
flowchat
st=>start: 开始
e=>end: 登录
io1=>inputoutput: 输入用户名密码
sub1=>subroutine: 数据库查询子类
cond=>condition: 是否有此用户
cond2=>condition: 密码是否正确
op=>operation: 读入用户信息st->io1->sub1->cond
cond(yes,right)->cond2
cond(no)->io1(right)
cond2(yes,right)->op->e
cond2(no)->io1
···
产品开发流程图
代码如下:
···mermaid
flowchat
st=>start: 开始
e=>end: 结束
op1=>operation: 新品开发流程
op2=>operation: 产品需求提出
op3=>operation: 产品试用 负责人:吴xx
op4=>operation: 包装
op5=>parallel: 继续讨论
op6=>operation: 讨论
cond=>condition: 确认?st->op1->op2->op3->cond
cond(yes)->op4->e
cond(no)->op6->e
···
【Markdown】Markdown 中的Flow flowchart.js 的基础教程相关推荐
- Markdown 中的flow语法 flowchart.js 的基础教程
Markdown 中的Flow flowchart.js 的基础教程 JS Markdown 编辑器 https://stackedit.io/ 百度了下,看到网上关于 flow 的教程很少好像.写个 ...
- D3.js入门基础教程
什么是"框架" 什么是"应用程序" DOM (文档对象模型(Document Object Model) D3 (1)下载 D3.js 的文件 (2)直接包含网 ...
- 读《精通正则表达式》-- 网上 js 正则基础教程没有涉及的一些知识
正则起源 最近看完了 <精通正则表达式>,收获颇丰,略过了一些晦涩难懂的理论部分,主要看了实战和教程部分. 下面引用一下百度百科里的内容. 正则表达式的"鼻祖"或许可一 ...
- pixi.js # 中文版基础教程
本篇博客为转载文章,原文地址:https://github.com/Zainking/LearningPixi Pixi教程 基于官方教程翻译:水平有限,如有错误欢迎提PR,转载请注明出处.翻译者为h ...
- python中try命令_Python 异常处理 Python 基础教程 try..except
异常处理在之前的学习中我们一直没有接触过. 哦对,我们甚至还不知道怎么向程序输入一段字符串.那么我们在这里提供一个小例子. 在命令行中,我们输入 s = raw_input('Enter someth ...
- 普中科技MicroPython基于esp32的基础教程-01-基础知识
课程链接 3.5-Python基础--代码注释_哔哩哔哩_bilibili 学习目的 复习和加深对Python的学习和使用,将Python的使用融汇于硬件使用中.因此笔记记录的内容都是我之前遗忘的或者 ...
- 普中科技MicroPython基于esp32的基础教程-02-序列列表
容器类型数据 序列 存放多值的连续内存空间,并且通过编号访问,其实就是类似于C语言的数组,相同数据类型.连续内存空间.使用下标访问 序列索引 支持正负操作,0到N,-N到-1 ,但是C语言不支持负操作 ...
- markdown语法中的空格_Markdown常用语法汇总
一.Markdown简介 Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档. Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建. ...
- Markdown写作中的图床解决方案(基于七牛云、PicGo)
在日常的Markdown写作中,使用图片是必不可少的,所以靠谱的图片存储服务和上传工具显得格外重要.图片存储上我一直使用七牛,个人用户拥有10GB的免费存储空间,并且拥有很成熟易用的图片处理引擎,可以 ...
最新文章
- 【Netty】NIO 通道 ( Channel ) 组件
- Extjs 4.0.7 中模式窗口的CURD
- QT绘制散点图(1)
- halcon 圆环类缺陷检测的一种方法(极坐标变换法)
- 【机器学习】SVM理论与python实践系列
- 盘点十个超级实用的 JS 特性
- HOW-TO:带有MySQL的JEE应用程序中具有集群功能的Quartz Scheduler
- xml.dom.minidom 利用hbm.xml批量生成db2注释
- windows常用操作
- 如何删除计算机中的“天翼云盘”图标
- 机刷实名认证软件_代刷网已上架抖音代实名认证和抖音音乐人认证
- xampp 登陆MySQL 访问被拒绝
- 笔记本显示器亮度调节脚本
- 软件设计是怎样炼成的(5)——规划系统的骨架(架构设计)(上篇)
- 华为第十届 关灯计划
- python使用turtle库、绘制一个八边形_【Python】turtle八边形绘制
- 成长的力量--销售技巧
- 爬虫----dex2jar工具的安装与使用
- 2022.3.11 MATLAB课程作业
- ldap服务器的虚拟属性,搭建LDAP验证服务器