ASCII Mermaid 指南

学习创建 ASCII Mermaid 图表的基础知识。本指南涵盖最常用的图表类型和简单示例。

基础流程图

流程图是最常见的图表类型之一。它们表示流程和决策流。

代码:

graph TD
    A[开始] --> B{决策}
    B -->|是| C[操作]
    B -->|否| D[结束]
    C --> D

ASCII 预览:

渲染图表失败

状态图

状态图显示系统的不同状态以及它们之间的转换。

代码:

stateDiagram-v2
    [*] --> 空闲
    空闲 --> 处理中: 开始
    处理中 --> 完成: 完成
    完成 --> [*]

ASCII 预览:

渲染图表失败

序列图

序列图说明对象之间随时间的交互。

代码:

sequenceDiagram
    张三->>李四: 你好!
    李四-->>张三: 你好!
    张三->>李四: 最近怎么样?
    李四-->>张三: 很好,谢谢!

ASCII 预览:

渲染图表失败

类图

类图表示面向对象的系统结构。它们显示类及其属性和方法、继承关系(使用 <|--)和关联。

代码:

classDiagram
    动物 <|-- 鸭子
    动物 <|-- 鱼
    动物: +int 年龄
    动物: +String 性别
    动物: +是哺乳动物() bool
    动物: +交配()
    鸭子: +String 喙颜色
    鸭子: +游泳()
    鸭子: +嘎嘎叫()
    鱼: -int 尺寸英尺
    鱼: +可以吃()
    鱼: +游泳()

ASCII 预览:

渲染图表失败

实体关系图

ER 图建模数据库结构,显示实体(表)、它们的属性(列)以及它们之间的关系。

代码:

erDiagram
    客户 ||--o{ 订单 : 下单
    订单 ||--|{ 订单项 : 包含
    产品 ||--o{ 订单项 : "属于"
    客户 {
        string 姓名
        string 邮箱
        int 电话
    }
    订单 {
        int 订单号
        date 订单日期
    }
    产品 {
        string 产品代码
        string 描述
        float 价格
    }

ASCII 预览:

渲染图表失败

想要试试看?

使用我们的交互式工具创建您自己的 ASCII Mermaid 图表。

前往 ASCII Mermaid 工具