ASCII Mermaid 指南
学习创建 ASCII Mermaid 图表的基础知识。本指南涵盖最常用的图表类型和简单示例。
基础流程图
流程图是最常见的图表类型之一。它们表示流程和决策流。
代码:
graph TD
A[开始] --> B{决策}
B -->|是| C[操作]
B -->|否| D[结束]
C --> DASCII 预览:
渲染图表失败
状态图
状态图显示系统的不同状态以及它们之间的转换。
代码:
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 预览:
渲染图表失败