DeepSeek进阶应用（一）：结合Mermaid绘图（流程图、时序图、类图、状态图、甘特图、饼图）

🌟前言:
在软件开发、项目管理和系统设计等领域，图表是表达复杂信息的有效工具。随着AI助手如DeepSeek的普及，我们现在可以更轻松地创建各种专业图表。

名人说：博观而约取，厚积而薄发。——苏轼《稼说送张琥》
创作者：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder😊）

目录

    • 一、Mermaid简介
    • 二、DeepSeek与Mermaid结合的优势
    • 三、常见图表类型及实例
      • 1. 流程图 (Flowchart)
        • 基本语法
        • 示例
      • 2. 时序图 (Sequence Diagram)
        • 基本语法
        • 示例
      • 3. 类图 (Class Diagram)
        • 基本语法
        • 示例
      • 4. 状态图 (State Diagram)
        • 基本语法
        • 示例
      • 5. 甘特图 (Gantt Chart)
        • 基本语法
        • 示例
      • 6. 饼图 (Pie Chart)
        • 基本语法
        • 示例
    • 四、高级技巧
      • 1. 样式定制
      • 2. 子图
      • 3. 注释和说明
      • 4.常见问题与解决方案
    • 五、实际应用场景
      • 1.软件开发文档
      • 2.业务流程分析
    • 小结

很高兴你打开了这篇博客，更多好用的软件工具，请关注我、订阅专栏《实用软件与高效工具》，内容持续更新中…

思维速览：

本文将详细介绍如何利用DeepSeek结合Mermaid语法绘制各类专业图表，帮助你提高工作效率和文档质量。

▍DeepSeek入门使用请看：deepseek保姆级入门教程（网页端使用 + 本地客户端部署 + 使用技巧）

DeepSeek官网： https://www.deepseek.com/

一、Mermaid简介

Mermaid是一个基于JavaScript的图表绘制工具，它允许用户使用类似于Markdown的文本语法来创建和修改图表。

Mermaid官网：https://mermaid.js.org/

在这里插入图片描述

Mermaid在线编辑器：https://mermaid.live/edit

在这里插入图片描述

最大的优势在于不需要专业的图形设计软件，就能通过简单的代码创建出清晰、专业的图表。

二、DeepSeek与Mermaid结合的优势

  • 简单易用：无需安装额外软件，直接在DeepSeek对话中编写代码
  • 即时反馈：代码编写完成后即可查看渲染效果
  • 多种图表支持：流程图、时序图、类图等多种类型全覆盖
  • 易于修改：只需调整代码即可更新图表，无需重新绘制

markdown中使用mermaid绘图，写好语句后要用：

```mermaid + ```包裹写好的语句，之后会显示渲染后的图的效果

例如：我让DeepSeek使用Mermaid绘制一个流程图示例

在这里插入图片描述

Mermaid语句内容是这样的：

graph TDA([开始]) --> B[输入用户名和密码]B --> C{格式验证}C -->|验证失败| D[提示格式错误]C -->|验证通过| E[请求登录接口]E --> F{登录结果}F -->|成功| G[跳转到主页]F -->|失败| H[提示密码错误]G --> I([结束])H --> BD --> Bstyle A fill:#4CAF50,color:whitestyle I fill:#4CAF50,color:whitestyle D fill:#FF5722,color:whitestyle H fill:#FF5722,color:whitestyle G fill:#2196F3,color:white

对应的流程图渲染效果：

在这里插入图片描述

三、常见图表类型及实例

1. 流程图 (Flowchart)

流程图是最常用的图表类型之一，适合展示算法、业务流程或决策过程。

基本语法
graph 方向节点1[文本] --> 节点2[文本]

方向可以是：

  • TB - 从上到下
  • TD - 从上到下（与TB相同）
  • BT - 从下到上
  • RL - 从右到左
  • LR - 从左到右
示例
graph TDA[开始] --> B{是否有问题?}B -->|是| C[解决问题]B -->|否| D[完成]C --> DD --> E[结束]

在这里插入图片描述

2. 时序图 (Sequence Diagram)

时序图用于展示对象之间的交互，特别适合表达系统组件间的通信流程。

基本语法
sequenceDiagram参与者A->>参与者B: 消息内容参与者B-->>参与者A: 返回内容
示例
sequenceDiagram用户->>+前端: 发起请求前端->>+后端API: 传递数据后端API->>+数据库: 查询数据数据库-->>-后端API: 返回结果后端API-->>-前端: 返回处理后的数据前端-->>-用户: 展示结果

在这里插入图片描述

3. 类图 (Class Diagram)

类图用于展示系统中的类以及它们之间的关系，是面向对象设计的重要工具。

基本语法
classDiagram类A <|-- 类B类A : +属性1类A : +方法1()
示例
classDiagramPerson <|-- StudentPerson <|-- TeacherPerson : +String namePerson : +int agePerson : +void talk()Student : +int studentIdStudent : +void study()Teacher : +String subjectTeacher : +void teach()

在这里插入图片描述

4. 状态图 (State Diagram)

状态图用于描述系统或对象在不同状态之间的转换。

基本语法
stateDiagram-v2[*] --> 状态1状态1 --> 状态2: 触发条件状态2 --> [*]
示例
stateDiagram-v2[*] --> 待处理待处理 --> 处理中: 开始处理处理中 --> 已完成: 处理完毕处理中 --> 异常: 出现问题异常 --> 处理中: 解决问题已完成 --> [*]

在这里插入图片描述

5. 甘特图 (Gantt Chart)

甘特图用于项目管理，展示任务的开始、结束时间和持续时间。

基本语法
gantttitle 项目名称dateFormat YYYY-MM-DDsection 阶段名任务名 :task-id, 开始日期, 持续时间
示例
gantttitle 网站开发项目计划dateFormat YYYY-MM-DDsection 规划阶段需求分析    :a1, 2023-06-01, 7d概要设计    :a2, after a1, 5dsection 开发阶段详细设计    :b1, after a2, 10d编码实现    :b2, after b1, 15dsection 测试阶段单元测试    :c1, after b2, 5d集成测试    :c2, after c1, 5d系统测试    :c3, after c2, 5dsection 部署阶段发布准备    :d1, after c3, 3d上线部署    :d2, after d1, 2d

在这里插入图片描述

6. 饼图 (Pie Chart)

饼图用于展示数据的比例关系。

基本语法
pietitle 标题"分类1" : 数值1"分类2" : 数值2
示例
pietitle 项目资源分配"前端开发" : 35"后端开发" : 30"数据库" : 15"测试" : 10"部署运维" : 10

在这里插入图片描述

四、高级技巧

1. 样式定制

在流程图中，你可以通过以下方式自定义节点样式：

graph TDA[普通节点] --> B(圆角节点)B --> C{条件节点}C -->|是| D((圆形节点))C -->|否| E>标签节点]

在这里插入图片描述

2. 子图

使用subgraph创建子图，对相关节点进行分组：

graph TBsubgraph 子系统1A[组件A] --> B[组件B]endsubgraph 子系统2C[组件C] --> D[组件D]endB --> C

在这里插入图片描述

3. 注释和说明

在时序图中添加注释：

sequenceDiagramAlice->>Bob: 发送请求Note right of Bob: Bob思考中Bob-->>Alice: 发送响应

在这里插入图片描述

4.常见问题与解决方案

  1. 图表不显示：确保语法正确，特别是缩进和标点符号
  2. 布局混乱：尝试调整方向（TD/LR等）或减少节点数量
  3. 文本溢出：缩短节点文字或使用换行符<br/>
  4. 箭头样式错误：检查箭头语法，如-->、-->>、-.-> 等

五、实际应用场景

1.软件开发文档

graph LRsubgraph 前端层A[用户界面] --> B[业务逻辑]endsubgraph 服务层C[API网关] --> D[微服务1]C --> E[微服务2]endsubgraph 数据层F[主数据库] --> G[读库1]F --> H[读库2]endB --> CD --> FE --> F

在这里插入图片描述

2.业务流程分析

graph TDA[客户下单] --> B{库存检查}B -->|有库存| C[创建订单]B -->|无库存| D[通知缺货]C --> E[支付处理]E -->|支付成功| F[准备发货]E -->|支付失败| G[取消订单]F --> H[物流配送]H --> I[订单完成]

在这里插入图片描述

小结

通过DeepSeek结合Mermaid语法，我们可以轻松创建各种专业图表，提高工作效率和文档质量。无论是软件开发、项目管理还是系统设计，这种方式都能帮助我们更清晰地表达和理解复杂信息。

希望本文能对你有所帮助，让我们一起用Mermaid在DeepSeek中创建更多精美实用的图表！

▍参考资料 ▍

  • Mermaid官方文档：https://mermaid-js.github.io/mermaid/
  • Markdown与Mermaid结合使用指南

很感谢你能看到这里，如果你有哪些想学习的AI，欢迎在评论区分享！
创作者：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder😊）

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/72069.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

deepseek R1提供的3d迷宫设计方案

deepseek R1提供的3d迷宫设计方案

一、技术选型方案 核心渲染技术 &#x1f3a8; 采用Raycasting算法模拟3D透视效果使用Canvas 2D上下文进行逐像素绘制材质贴图系统实现墙面差异化表现 迷宫数据结构 &#x1f5fa;️ 二维数组存储迷宫布局&#xff08;0:通路&#xff0c;1:墙体&#xff09;递归回溯算法生成随…
阅读更多...
时序数据库TimescaleDB基本操作示例

时序数据库TimescaleDB基本操作示例

好的&#xff01;以下是使用 TimescaleDB 的 Java 示例&#xff08;基于 JDBC&#xff0c;因为 TimescaleDB 是 PostgreSQL 的扩展&#xff0c;官方未提供独立的 Java SDK&#xff09;&#xff1a; 1. 添加依赖&#xff08;Maven&#xff09; <dependency><groupId&g…
阅读更多...
linux下的网络抓包(tcpdump)介绍

linux下的网络抓包(tcpdump)介绍

linux下的网络抓包[tcpdump]介绍 前言tcpdump1. 安装 tcpdump2. 基本抓包命令3. 过滤器使用4. 保存捕获的数据包 异常指标1. 连接建立与断开相关指标异常 SYN 包异常 FIN 或 RST 包 2. 流量相关指标异常流量峰值异常源或目的 IP 流量 3. 端口相关指标异常端口使用端口扫描 4. 数…
阅读更多...
C/C++中使用CopyFile、CopyFileEx原理、用法、区别及分别在哪些场景使用

C/C++中使用CopyFile、CopyFileEx原理、用法、区别及分别在哪些场景使用

文章目录 1. CopyFile原理函数原型返回值用法示例适用场景 2. CopyFileEx原理函数原型返回值用法示例适用场景 3. 核心区别4. 选择建议5. 常见问题6.区别 在Windows系统编程中&#xff0c;CopyFile和CopyFileEx是用于文件复制的两个API函数。它们的核心区别在于功能扩展性和控制…
阅读更多...
Bash和Zsh在处理大文件时差异

Bash和Zsh在处理大文件时差异

在处理大文件时&#xff0c;Bash 和 Zsh 的差异主要体现在几个方面&#xff1a; 1. 脚本执行速度 Bash: 性能: Bash在执行脚本时通常表现良好&#xff0c;尤其是在处理大量数据或大文件时。Bash的脚本执行速度相对较快&#xff0c;适合大多数日常使用场景。优化: Bash在处理大…
阅读更多...
不同AI生成的PHP版雪花算法

不同AI生成的PHP版雪花算法

OpenAI <?php /*** Snowflake 雪花算法生成器* 生成的 64 位 ID 结构&#xff1a;* 1 位 保留位&#xff08;始终为0&#xff0c;防止负数&#xff09;* 41 位 时间戳&#xff08;毫秒级&#xff0c;当前时间减去自定义纪元&#xff09;* 5 位 数据中心ID* 5 …
阅读更多...
Android Telephony 四大服务和数据网络控制面数据面介绍

Android Telephony 四大服务和数据网络控制面数据面介绍

在移动通信和Android系统中，涉及的关键概念和服务以及场景案例说明如下： 一、概念 （一）Android Telephony 的四大服务 介绍Telephony Data 与 Android Data 的四大服务在Android系统中，与电话（Telephony）和移动数据（Data）相关的核心服务主要包括以下四类： 1. Tele…
阅读更多...
浙江大学：DeepSeek行业应用案例集（153页）（文末可下载PDF）

浙江大学：DeepSeek行业应用案例集（153页）（文末可下载PDF）

浙江大学&#xff1a;DeepSeek行业应用案例集&#xff08;153页&#xff09;&#xff08;文末可下载PDF&#xff09; 全文链接&#xff1a;浙江大学&#xff1a;DeepSeek行业应用案例集&#xff08;153页&#xff09;&#xff08;文末可下载PDF&#xff09; | AI探金 全文链接&…
阅读更多...
ctf-web: php原生类利用 -- GHCTF Popppppp

ctf-web: php原生类利用 -- GHCTF Popppppp

源代码 <?php error_reporting(0); class CherryBlossom { public $fruit1; public $fruit2; public function __construct($a) {$this->fruit1 $a; } function __destruct() { echo $this->fruit1; } public function __toString() { $newFunc …
阅读更多...
入门到入土，Java学习 day16（算法1）

入门到入土，Java学习 day16（算法1）

利用循环遍历来判断是否相等 二分查找/折半查找 前提条件&#xff1a;数组中的数据有序 每次排除一般的查找范围 用min,max,mid来处理&#xff0c;最大加最小除2&#xff0c;比较&#xff0c;然后得到在中间左边还是右边然后更新最大最小 public class Two {// 二分查找方法…
阅读更多...
mysql-8.0.41-winx64 手动安装详细教程（2025版）

mysql-8.0.41-winx64 手动安装详细教程（2025版）

mysql-8.0.41-winx64 手动安装详细教程&#xff08;2025版&#xff09; 一、下载安装包二、配置环境变量三、安装配置四、启动 MySQL 服务&#xff0c;修改密码 一、下载安装包 安装地址如下&#xff1a; https://dev.mysql.com/downloads/mysql/使用7-zip或其他解压软件&…
阅读更多...
Python 编写安全工具

Python 编写安全工具

编写安全工具&#xff1a;Python在网络安全中的应用 在当前信息时代&#xff0c;网络安全问题日益引起人们的关注。为了更好地保护个人和组织的信息安全&#xff0c;开发安全工具是至关重要的一环。Python作为一种易学易用的编程语言&#xff0c;被广泛应用于网络安全领域。本…
阅读更多...
基于Python+Vue开发的电影订票管理系统源码+运行步骤

基于Python+Vue开发的电影订票管理系统源码+运行步骤

项目简介 该项目是基于PythonVue开发的电影订票管理系统&#xff08;前后端分离&#xff09;&#xff0c;这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Python编程技能&#xff0c;同时锻炼他们的项目设计与开发能力。通过学习基于Python的电影订…
阅读更多...
Synology 部署的 WordPress 無法升級至最新版本時，可以透過以下改良版指南進行排查和解決。

Synology 部署的 WordPress 無法升級至最新版本時，可以透過以下改良版指南進行排查和解決。

當 Synology 部署的 WordPress 無法升級至最新版本時&#xff0c;可以透過以下改良版指南進行排查和解決。我對內容進行了補充和重新組織&#xff0c;希望能幫助你更高效地處理這類問題&#xff1a; 權限相關問題處理 檢查文件和目錄權限&#xff1a; 確保 WordPress 安裝目錄…
阅读更多...
Flink深入浅出之03：状态、窗口、checkpoint、两阶段提交

Flink深入浅出之03：状态、窗口、checkpoint、两阶段提交

Flink是一个有状态的流&#xff0c;&#x1f445;一起深入了解这个有状态的流 3️⃣ 目标 掌握State知识掌握Flink三种State Backend掌握Flink checkpoint和savepoint原理了解Flink的重启策略checkpointtwo phase commit保证E-O语义 4️⃣ 要点 &#x1f4d6; 1. Flink的St…
阅读更多...
在资源有限中逆势突围：从抗战智谋到寒门高考的破局智慧

在资源有限中逆势突围：从抗战智谋到寒门高考的破局智慧

目录 引言 一、历史中的非对称作战&#xff1a;从李牧到八路军的智谋传承 李牧戍边&#xff1a;古代军事博弈中的资源重构 八路军的游击战&#xff1a;现代战争中的智慧延续 二、创业界的逆袭之道&#xff1a;小米与拼多多的资源重构 从MVP到杠杆解 社交裂变与资源错配 …
阅读更多...
C#方法之详解

C#方法之详解

一、方法基础语法‌ C#方法是封装代码逻辑的基本单元&#xff0c;用于执行特定操作并支持模块化编程‌。 定义与结构‌ C#方法由访问修饰符、返回值、方法名、参数列表和方法体构成。基础语法如下&#xff1a; [访问修饰符] [static] 返回值类型 方法名(参数列表) { // 方…
阅读更多...
网页打印很简单！用web打印插件lodop轻松实现文件打印

网页打印很简单！用web打印插件lodop轻松实现文件打印

最近&#xff0c;给客户发一个事件提醒软件&#xff0c;其中客户要求实现打印功能&#xff0c;因为是用asp.net mvc 开发首先考虑到用水晶报表来实现&#xff08;crystalReport&#xff09;&#xff0c;以前开发c# winform程序&#xff0c;感觉水晶报表还是蛮好的&#xff0c;但…
阅读更多...
Claude、ChatGPT、Gemini等主流AI模型。分别详细介绍它们并进行对比，需要指出关键的时间点

Claude、ChatGPT、Gemini等主流AI模型。分别详细介绍它们并进行对比，需要指出关键的时间点

以下是关于Claude、ChatGPT和Gemini三大主流AI模型的详细介绍及对比分析&#xff0c;结合关键时间点和核心技术特征&#xff1a; 1. Claude&#xff08;Anthropic&#xff09; 关键时间点与版本迭代 2023年3月&#xff1a;初代Claude发布&#xff0c;定位为安全可控的对话模型…
阅读更多...
统计登录系统10秒内连续登录失败超过3次的用户

统计登录系统10秒内连续登录失败超过3次的用户

为防止暴力破解用户账号的行为&#xff0c;在输入账号和密码时一般都会限制用户尝试密码输出错误的次数&#xff0c;如果用户多次输错密码后&#xff0c;将在一段时间内锁定账号&#xff0c;常见的有银行类APP、个税App等应用&#xff0c;如下是用户账号密码输入错误的提示图&a…
阅读更多...
最新文章

Copyright @ 2022~2023