Mermaid 看板 #

看板（Kanban Board）是一种可视化的任务管理工具，用于展示任务的当前状态和流程，适用于敏捷开发、项目管理等场景。

基本概念 #

看板通常包含以下元素：

  • 列（Column）：表示任务的不同状态
  • 卡片（Card）：表示单个任务或工作项
  • 泳道（Swimlane）：表示不同的工作流或团队

实现方式 #

Mermaid目前没有专门的看板语法，但可以使用流程图（Flowchart）来模拟实现看板：

1. 简单看板 #

mermaid 
graph LR
  subgraph 看板
    direction TB
    
    %% 列
    todo[待办
]
    doing[进行中
]
    done[已完成
]
    
    %% 任务卡片
    todo --> task1[任务1]
    todo --> task2[任务2]
    doing --> task3[任务3]
    done --> task4[任务4]
    done --> task5[任务5]
  end

2. 带泳道的看板 #

mermaid 
graph LR
  subgraph 项目看板
    direction TB
    
    %% 泳道
    subgraph 前端团队
      direction LR
      todo1[待办
] --> doing1[进行中
] --> done1[已完成
]
    end
    
    subgraph 后端团队
      direction LR
      todo2[待办
] --> doing2[进行中
] --> done2[已完成
]
    end
    
    subgraph 测试团队
      direction LR
      todo3[待办
] --> doing3[进行中
] --> done3[已完成
]
    end
  end

高级模拟 #

1. 敏捷开发看板 #

mermaid 
graph LR
  subgraph 敏捷开发看板
    direction TB
    
    %% 列
    backlog[产品待办
] --> todo[准备开发
] --> doing[开发中
] --> review[代码 review
] --> test[测试中
] --> done[已完成
]
    
    %% 任务卡片
    backlog --> task1[用户登录功能
优先级: 高]
    backlog --> task2[数据可视化
优先级: 中]
    
    todo --> task3[API 设计
优先级: 高]
    
    doing --> task4[前端页面开发
优先级: 高]
    doing --> task5[后端接口实现
优先级: 高]
    
    review --> task6[代码审查
优先级: 高]
    
    test --> task7[单元测试
优先级: 高]
    
    done --> task8[项目初始化
优先级: 高]
    done --> task9[需求分析
优先级: 高]
  end

2. 带状态的任务卡片 #

mermaid 
graph LR
  subgraph 任务管理看板
    direction TB
    
    %% 列
    todo[待办]
    doing[进行中]
    review[审核中]
    done[已完成]
    
    %% 任务卡片
    todo --> card1[<font color="#ff9800">任务1: 设计界面</font>
负责人: 张三
截止日期: 2023-06-10]
    todo --> card2[<font color="#ff5722">任务2: 实现功能</font>
负责人: 李四
截止日期: 2023-06-15]
    
    doing --> card3[<font color="#2196f3">任务3: 开发 API</font>
负责人: 王五
截止日期: 2023-06-12]
    
    review --> card4[<font color="#9c27b0">任务4: 测试功能</font>
负责人: 赵六
截止日期: 2023-06-18]
    
    done --> card5[<font color="#4caf50">任务5: 项目启动</font>
负责人: 张三
完成日期: 2023-06-05]
    done --> card6[<font color="#4caf50">任务6: 需求分析</font>
负责人: 李四
完成日期: 2023-06-08]
  end

任务状态流转 #

1. 任务流转过程 #

mermaid 
graph TD
  subgraph 任务流转
    direction LR
    
    %% 任务状态
    todo[待办] --> doing[进行中]
    doing --> review[审核中]
    review --> test[测试中]
    test --> done[已完成]
    
    %% 反向流转
    doing --> todo
    review --> doing
    test --> review
    done --> test
    
    %% 任务卡片
    todo --> card1[任务1]
    doing --> card2[任务2]
    review --> card3[任务3]
    test --> card4[任务4]
    done --> card5[任务5]
  end

2. 复杂工作流 #

mermaid 
graph TD
  subgraph 复杂工作流看板
    direction TB
    
    %% 列
    request[需求请求
] --> analysis[需求分析
] --> design[设计
] --> development[开发
] --> testing[测试
] --> deployment[部署
] --> done[完成
]
    
    %% 特殊状态
    blocked[阻塞
] -.- analysis
    blocked -.- design
    blocked -.- development
    blocked -.- testing
    
    %% 任务卡片
    request --> req1[新功能请求
用户故事: 作为用户，我希望...]
    
    analysis --> ana1[需求分析
负责人: 产品经理]
    
    design --> des1[系统设计
负责人: 架构师]
    des1 --> blocked
    
    development --> dev1[前端开发
负责人: 前端工程师]
    dev1 --> blocked
    development --> dev2[后端开发
负责人: 后端工程师]
    
    testing --> test1[功能测试
负责人: 测试工程师]
    
    deployment --> dep1[生产部署
负责人: 运维工程师]
    
    done --> com1[功能上线
完成日期: 2023-07-15]
    done --> com2[文档更新
完成日期: 2023-07-16]
  end

最佳实践 #

  1. 清晰的状态定义：定义明确的任务状态列
  2. 详细的卡片信息：包含任务名称、负责人、截止日期等信息
  3. 适当的限制：在进行中列设置WIP（Work In Progress）限制
  4. 可视化阻塞：使用特殊标记表示阻塞的任务
  5. 定期更新：每天更新任务状态

应用场景 #

  1. 敏捷开发：管理用户故事和开发任务
  2. 项目管理：跟踪项目进度和任务状态
  3. 个人任务管理：管理个人待办事项
  4. 团队协作：协调团队成员的工作
  5. 产品管理：管理产品待办事项和功能请求

专业看板工具 #

由于Mermaid目前不支持原生看板，以下是一些专门的看板工具：

  1. Trello：最流行的在线看板工具
  2. Jira：功能强大的项目管理工具，支持看板视图
  3. Asana：任务管理工具，支持看板功能
  4. Microsoft Planner：Microsoft 365套件中的看板工具
  5. GitHub Projects：GitHub中的项目管理工具，支持看板

总结 #

虽然Mermaid目前不支持原生的看板，但可以使用流程图模拟实现简单的看板效果。对于更专业的看板需求，建议使用专门的看板工具如Trello、Jira等。随着Mermaid的不断发展，未来可能会添加对看板的原生支持。

最后更新：2026-02-08