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 市场调研 知识储备与资料收集 目标确定 架构规划 架构搭建 代码编写 后续规划任务 功能检验 后续开发任务 性能检验 检验报告 休息调整 规划 搭建 检验 网站建设甘特图

相关推荐
努力的小雨6 小时前
点我!1分钱获取你的专属表白网页,浪漫由大模型代运营
经验分享·ai智能
程序视点6 小时前
Window 10文件拷贝总是卡很久?快来试试这款小工具,榨干硬盘速度!
windows
wuk9987 小时前
基于MATLAB编制的锂离子电池伪二维模型
linux·windows·github
lzb_kkk8 小时前
【C++】C++四种类型转换操作符详解
开发语言·c++·windows·1024程序员节
Luna-player9 小时前
黑布淡入淡出效果
经验分享·游戏
&Sinnt&11 小时前
Git 版本控制完全指南:从入门到精通
git·后端
源代码•宸12 小时前
C++高频知识点(二)
开发语言·c++·经验分享
MingYue_SSS12 小时前
开关电源抄板学习
经验分享·笔记·嵌入式硬件·学习
Tiny21413 小时前
多人协同开发时Git使用命令
git
peace..14 小时前
温湿度变送器与电脑进行485通讯连接并显示在触摸屏中(mcgs)
经验分享·学习·其他