流程绘制工具

658 阅读1分钟

GPT 推荐软件

功能

1. 流程图(Flowchart)

  • 适用于描述流程、步骤或系统架构。
    graph TD
        A[开始] --> B{条件判断}
        B -- 是 --> C[执行操作]
        B -- 否 --> D[终止]
    
    graph TD
        A[开始] --> B{条件判断}
        B -- 是 --> C[执行操作]
        B -- 否 --> D[终止]
    

2. 时序图(Sequence Diagram)

  • 适用于展示不同组件或系统之间的交互流程(如 API 调用、用户操作)。
     sequenceDiagram
        participant A as 用户
        participant B as 服务器
        A->>B: 发送请求
        B-->>A: 返回响应
    
    sequenceDiagram
        participant A as 用户
        participant B as 服务器
        A->>B: 发送请求
        B-->>A: 返回响应
    

3. 甘特图(Gantt Chart)

  • 适用于项目管理和任务进度规划。

        gantt
        title 项目进度
        section 设计
        需求分析 :done, 2024-03-01, 7d
        界面设计 :active, 2024-03-08, 7d
        section 开发
        前端开发 : 2024-03-15, 10d
        后端开发 : 2024-03-20, 15d
    
    gantt
        title 项目进度
        section 设计
        需求分析 :done, 2024-03-01, 7d
        界面设计 :active, 2024-03-08, 7d
        section 开发
        前端开发 : 2024-03-15, 10d
        后端开发 : 2024-03-20, 15d
    

4. 类图(Class Diagram)

  • 适用于展示面向对象编程中的类和关系。
     classDiagram
        class 人 {
            +姓名: String
            +年龄: int
            +说话()
        }
        class 学生 {
            +学号: int
            +上课()
        }
        人 <|-- 学生
    
    classDiagram
        class 人 {
            +姓名: String
            +年龄: int
            +说话()
        }
        class 学生 {
            +学号: int
            +上课()
        }
        人 <|-- 学生
    

5. 状态图(State Diagram)

  • 适用于表示系统或对象的不同状态和状态转换。
        stateDiagram
        [*] --> 空闲
        空闲 --> 运行中 : 开始
        运行中 --> 结束 : 停止
        结束 --> [*]
    
    stateDiagram
        [*] --> 空闲
        空闲 --> 运行中 : 开始
        运行中 --> 结束 : 停止
        结束 --> [*]
    

6. 实体关系图(ER 图,Entity Relationship Diagram)

  • 适用于数据库设计,表示表之间的关系。这玩意不展示不知道为啥
        erDiagram
        用户 ||--o{ 订单 : 拥有
        订单 ||--|{ 产品 : 包含
    
        erDiagram
        用户 ||--o{ 订单 : 拥有
        订单 ||--|{ 产品 : 包含
    

7. 饼图(Pie Chart)

  • 适用于数据可视化,显示比例分布。
    pie
       title 市场份额
       "苹果" : 40
       "三星" : 30
       "华为" : 20
       "其他" : 10
    
     pie
        title 市场份额
        "苹果" : 40
        "三星" : 30
        "华为" : 20
        "其他" : 10
    

8. Git 图(Gitgraph)

  • 适用于展示 Git 分支、合并等操作。
    gitGraph
        commit
        branch develop
        commit
        checkout main
        merge develop
    
    gitGraph
        commit
        branch develop
        commit
        checkout main
        merge develop