CSDN、markdown环境下如何插入各种图(流程图,时序图,甘特图)

流程图

横向流程图

c 复制代码
```mermaid
graph LR
    A[方形] --> B{条件a}
    B -->|满足| C(圆角)
    B -->|不满足| D(圆角)
    C --> E[输出结果1]
    D --> E

效果图:

竖向流程图

c 复制代码
```mermaid
graph TD
    C{条件a} --> |a=1| A[方形]
    C --> |a=2| F[竖向流程图]
    A --> B(圆角)
    B --> D[结果1]
    F --> E[结果2]

效果图:

完整流程图

c 复制代码
```mermaid
flowchat
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框

st->cond
cond(yes)->sub1->op->io->e
cond(no)->op(right)->io->e

Created with Raphaël 2.3.0 开始框 判断框(是或否?) 子流程 处理框 输入输出框 结束框 yes no

UML时序图

c 复制代码
```mermaid
sequenceDiagram
Title: 标题:项目合作沟通
项目经理->>技术专家: 这个技术难题能解决吗?(请求)
Note right of 技术专家: 技术专家有丰富的行业经验
Note left of 项目经理: 项目经理负责项目整体推进
技术专家-->>项目经理: 可以解决(响应)
技术专家->>测试人员: 你那边测试环境准备好了吗
测试人员-->>项目经理: 技术专家问我测试环境情况了
项目经理->>技术专家: 确定能彻底解决吗?
Note over 测试人员,技术专家: 测试人员和技术专家协同工作
participant 产品经理
Note right of 产品经理: 产品经理等待各方消息推进产品规划

项目经理 技术专家 测试人员 产品经理 这个技术难题能解决吗?(请求) 技术专家有丰富的行业经验 项目经理负责项目整体推进 可以解决(响应) 你那边测试环境准备好了吗 技术专家问我测试环境情况了 确定能彻底解决吗? 测试人员和技术专家协同工作 产品经理等待各方消息推进产品规划 项目经理 技术专家 测试人员 产品经理 标题:项目合作沟通

甘特图

c 复制代码
```mermaid
gantt
dateFormat  YYYY-MM-DD
title 网站建设甘特图
section 规划
市场调研                      :done,    plan1, 2024-03-10,2024-03-12
目标确定                      :active,  plan2, 2024-03-13, 2d
架构规划                     :         plan3, after plan2, 4d
后续规划任务                     :         plan4, after plan3, 3d
section 搭建
知识储备与资料收集                      :crit, done, 2024-03-10,36h
架构搭建                             :crit, done, after plan2, 3d
代码编写                                 :crit, active, 4d
后续开发任务                              :crit, 6d
休息调整                                   :3d
section 检验
功能检验                              :active, check1, after plan3, 4d
性能检验                               :after check1  , 24h
检验报告                               : 60h

2024-03-11 2024-03-13 2024-03-15 2024-03-17 2024-03-19 2024-03-21 2024-03-23 2024-03-25 2024-03-27 2024-03-29 2024-03-31 市场调研 知识储备与资料收集 目标确定 架构规划 架构搭建 代码编写 后续规划任务 功能检验 后续开发任务 性能检验 检验报告 休息调整 规划 搭建 检验 网站建设甘特图

相关推荐
小慧10243 小时前
1.2 git使用
git
bing_feilong7 小时前
Windows上SSH连接Ubuntu失败
windows·ubuntu·ssh
m0_635647487 小时前
git管理github上的repository(二)
git·github
nenchoumi31198 小时前
UE5 学习系列(二)用户操作界面及介绍
windows·学习·ue5·机器人
dexi.Chi 攻城狮8 小时前
如何根据excel表生成sql的insert脚本
经验分享·笔记
CPU不够了9 小时前
window7 wpf程序打不开问题排查及处理
windows·.net·wpf
今夕节度使14 小时前
通过 VS Code 连接 GitLab 并上传项目
git·elasticsearch·gitlab
frankz6114 小时前
ffmpeg windows 32位编译
windows·ffmpeg
张声录114 小时前
Windows 环境下 Golang 与 Vosk-API 语音识别开发环境搭建指南
windows·golang·语音识别
陈 洪 伟14 小时前
复习Git命令、Git命令使用流程、VSCode+Git插件管理工程源码
git