当前位置: 首页 > news >正文

Typora上使用Mermaid语法展示流程图、时序图、甘特图

你已经安装Typora并打开了一个新文档后,可以按照以下详细步骤在Typora上使用Mermaid语法展示流程图、时序图、甘特图

流程图

  • 使用graph LR声明开始,并使用箭头和连接符号定义节点之间的关系。
  • 例如,A --> B表示从节点A指向节点B的箭头连接。
graph TB  A[界面布局图] --> B[页签区域]  B --> C[巡检计划]  B --> D[巡检任务]  B --> E[巡检路线]  B --> F[巡检日志] B --> I[时间选择器]  B --> J[查看计划按钮]  B --> K[列表]  K --> L[新增任务按钮]  K --> M[地图组件]  K --> W[巡检记录] `

效果:
在这里插入图片描述

时序图

  • 使用sequenceDiagram声明开始,并使用participant定义参与者。
  • 使用->>表示同步消息,使用–>>表示异步消息。
sequenceDiagramparticipant Aparticipant BA ->> B: 请求数据B -->> A: 返回结果
http://www.lryc.cn/news/146941.html

相关文章:

  • css中文本阴影特效
  • ITIL帮助台怎样帮助企业建设IT服务?
  • 解释区块链技术的应用场景和优势
  • 从编程语言的角度来理解正则表达式
  • DP读书:鲲鹏处理器 架构与编程(十四)ACPI与软件
  • C#,《小白学程序》第六课:队列(Queue)的应用,《实时叫号系统》
  • mysql profiling profiles profile
  • ChatGPT AIGC 一个指令总结Python所有知识点
  • 【kubernetes】k8s部署OpenELB及在KubeSphere使用OpenELB
  • Android Native Code开发学习(三)对java中的对象变量进行操作
  • 如何用bat文件调用与它在同一文件夹下的某个exe程序
  • 设计模式--单例模式(Singleton Pattern)
  • postgis数据库从一张表中过滤出一部分数据到新表中
  • INDEMIND:“大+小”多机协同,实现机器人商用场景全覆盖
  • 微信开发之一键创建标签的技术实现
  • 八一参考文献:[八一新书]许少辉.乡村振兴战略下传统村落文化旅游设计[M]北京:中国建筑出版传媒,2022.
  • ChatGPT⼊门到精通(7):GPT3.5与 4.0区别
  • Springboot整合MyBatisPlus框架操作MySQL
  • 基于Jenkins构建生产CICD环境(第二篇)
  • ioctl、printk及多个此设备支持
  • 电脑每次开机杀毒软件报iusb3mon.exe病毒已清除,电脑中病毒iusbmon杀毒办法,工具杀毒
  • centos服务器系统下安装python3并与自带的python2
  • (二十)大数据实战——Flume数据采集的基本案例实战
  • AutoCAD图如何保存为Word
  • Java线程 - 详解(2)
  • 事务特性 - 达梦数据库
  • axios 使用FormData格式发送GET请求
  • CS144(2023 Spring)Lab 1: stitching substrings into a byte stream
  • 【PHP】常用的PHP内置函数
  • css自学框架之消息弹框