看板：卡片与列

简介 / Introduction

看板（Kanban Board）是敏捷开发中常用的任务可视化工具，用列（Column）表示工作阶段，用卡片（Card）承载具体任务。本文展示如何用 PlantUML salt 语法和 Mermaid 原生 kanban 语法分别绘制同一块看板。

PlantUML 版

PlantUML 没有原生的 kanban 图类型，但 salt 语法可以绘制基于网格的线框图，适合模拟看板布局。

@startsalt
{
%+------------------+------------------+------------------+%
%|      To Do       |   In Progress    |      Done        |%
%+------------------+------------------+------------------+%
%| [设计数据库]      | [实现 API]        | [用户登录功能]    |%
%+------------------+------------------+------------------+%
%| [编写文档]        |                  |                  |%
%+------------------+------------------+------------------+%
}
@enduml

salt 使用 +— 绘制水平分隔线，| 绘制垂直列边界，[...] 渲染为按钮/卡片样式。列标题写在表头行。

Mermaid 版

Mermaid v11 原生支持 kanban 图表类型，语法更直观，按列和卡片分组：

kanban
    [To Do]
        * 设计数据库
        * 编写文档
    [In Progress]
        * 实现 API
    [Done]
        * 用户登录功能

[列名] 定义列，卡片以 * 开头逐行列出。列顺序即为看板从左到右的阶段顺序。

对比 / Side-by-side

特性	PlantUML salt	Mermaid kanban
原生支持	否，需借用 salt	是，v11 原生
语法风格	网格线框	列表 + 列分组
列标题	表头单元格	`[列名]` 分组
卡片样式	按钮形 `[]`	列表项 `*`
适用场景	通用线框图	敏捷看板图

小结 / Wrap-up

PlantUML salt 适合需要精确控制布局或与 UI 线框混用的场景；Mermaid kanban 语法更贴近敏捷术语，列和卡片的表达更自然。两者都能清晰展示「待办→进行中→完成」的工作流。