AI制图新纪元：3分钟用Mermaid画出专业类图

本文来自「大千AI助手」技术实战系列，专注用真话讲技术，拒绝过度包装。

• • Mermaid类图能在Markdown中直接创建专业图表，无需切换工具！

• • 最重要的是这种声明式语法，可直接用提示词让各种大模型输出相关专业图表。

随着大模型能力越来越强大，Mermaid也迎来了快速发展，相信未来Mermaid会支持更多的可视化图表，也会成为大模型输出可视化的完美搭档。
从现在Markdown的地位看，Mermaid在人工智能中必有一席之地。

往期文章推荐:

• 20.3分钟搞定数据可视化：Mermaid饼图终极指南
• 19.5分钟玩转Swagger UI：Docker部署+静态化实战
• 18.记录下blog的成长过程
• 17.再说一说LangChain Runnable接口
• 16.Docker实战：5分钟搞定MySQL容器化部署与最佳实践
• 15.Ollama模板全解析：从基础语法到高级应用实战
• 14.Ollama完全指南：从零开始玩转本地大模型部署
• 13.django中如何解析content-type=application/json的请求
• 12.实测DeepSeek分词机制：你的输入如何变成计费Token？
• 11.英语分词进化论：BPE相关论文汇总
• 10.硬核实战 | 3分钟Docker部署ClickHouse列存数据库
• 9.技术深解 | DeepSeek-R1-0528训练参数全透视：163K上下文与MoE高效架构的基石
• 8.DeepSeek最新升级实测：推理能力翻倍，但离世界顶尖还有多远？
• 7.血泪教训！Redis默认配置竟会导致数据丢失？Docker生产部署指南
• 6.Function Call：大模型如何突破自身局限“使用工具“
• 5.DeepSeek动手实践：创建一个自动连点器
• 4.告别无效提示！使用少样本学习让AI秒懂你的需求
• 3.解密PromptTemplate：为什么说它是AI时代的Jinja模板？
• 2.LangChain Core架构解析：模块化设计与LCEL原语实现原理
• 1.拒绝重复造轮子！LangChain如何简化LLM应用开发？

mermaid-Class

• • 使用mermaid画类图(Class Diagrams)

  • • 软件工程里, UML中的类图是一种用来描述系统结构的静态结构图。他通过展示系统的类、类的属性、类的方法、对象之间的关系来描述。

• • 使用关键词classDiagram标识为类图

关键语法

• • 设置方向 - direction RL

• • 类名class-name一般为大写开头,如果包含特殊字符如中文则可以通过" "引用即可

• • 定义类属性/方法

  • • 方式1 - 一次定义一个

    • • 格式 - <class-name> : [+-#~]<type> <attribute-name>

      • • +-#~为可见性

        • • + - Public

        • • - - Private

        • • # - Protected

        • • ~ - Package/Internal

      • • 属性不带括号

      • • 方法带括号,并且可在最后边跟返回值类型

    • • 示例

      • • 属性 - Animal: +int age

      • • 方法 - Animal: +run(speed)

      • • 方法(返回值) - Animal: +jump(height) void

  • • 方式2 - 一次定义多个

    • • 格式 - class <class-name> {...}

    • • 示例

• • 渲染代码块
  ```mermaid
  classDiagram
  class Animal {
  +int age
  +run(speed)
  +jump(height) void
  }
  ```

• • 可视化结果

• • 类关系 - <class1> <arrow> <class2> [: <description>]

  • • class1和class2是类名

  • • description 为关系描述

  • • arrow可以为

    • • <|-- - Inheritance继承,class2继承class1

    • • *-- - Composition组合

    • • o-- - Aggregation聚合

    • • --> - Association关联

    • • -- - Link (Solid)

    • • ..> - Dependency

    • • ..|> - Realization

    • • .. - Link (Dashed)

  • • 示例 - Animal <|-- Dog

示例

定义一个类

• • 渲染代码块
  ```mermaid
  classDiagram
  note "类名特殊字符需用引号包裹"
  class Dog["这个可以不要的"] {
  +int age
  +run(speed)
  +jump(height) void
  }
  ```

• • 可视化结果

• 

类继承关系

• • 渲染代码块
  ```mermaid
  classDiagram
  class Animal {
  +int weight
  }
  class Dog {
  +int age
  +run(speed)
  +jump(height) void
  }
  class Cat {
  +int age
  +run(speed)
  +miao(height) void
  }
  Animal <|-- Dog
  Animal <|-- Cat
  ```

• • 可视化结果

• 

参考

• • https://mermaid.js.org/syntax/classDiagram.html

• AI制图新纪元：3分钟用Mermaid画出专业类图

本文由「大千AI助手」原创发布，专注用真话讲AI，回归技术本质。拒绝神话或妖魔化。搜索「大千AI助手」关注我，一起撕掉过度包装，学习真实的AI技术！