跳到主要内容
前端术语库

看板

Kanban Board

布局模式也叫:看板视图、任务看板、泳道看板、Kanban、Board View

一句话:按状态把任务分成几列并排摆放,每个任务是一张小卡片,把卡片拖到另一列就改变了它的状态。

详细解释

看板在软件里最常见的形式是 Trello、Jira、飞书项目那种任务板:横向并排几列,比如「待处理、进行中、待验收、已完成」,每列顶部是列名和卡片数量,下面是一叠任务卡片。卡片上显示标题、负责人头像、截止日期和优先级标签。

它最大的特点是「位置即状态」:卡片在哪一列就是什么状态,把卡片从「进行中」拖到「已完成」就完成了状态更新。团队一眼就能看出哪个环节堆积了太多任务。

它适合数量不太多(几十张)、状态流转清晰的工作项。任务多到几百条、需要按多个字段筛选比较时,应该切换成数据表,很多产品会同时提供「看板视图」和「表格视图」。列数一般控制在三到六列,太多了横向要滚很远。

示例

灰度线框示意,只表达结构,不代表具体视觉风格。

怎么跟 AI 说

可以直接贴给 Cursor、Claude Code 等工具,把里面的业务内容换成你自己的。

用看板(Kanban)布局管理任务:横向四列「待处理、进行中、待验收、已完成」,每列宽 280px、浅灰底,列头显示列名和卡片数量;卡片白底,显示标题、负责人头像、截止日期和优先级标签。卡片可以在列内和列之间拖拽,拖动时显示放置占位,松手后立即保存;每列底部有「+ 添加任务」。

结构与适用场景

结构描述

横向并排若干状态列,每列由列头(状态名和数量)和纵向堆叠的任务卡片组成,卡片可在列之间拖动。

适用场景

  • 每条工作项都处于某个明确状态,并且会在几个状态之间流转时
  • 团队需要一眼看出各环节堆积了多少任务时
  • 工作项数量中等(几十张),每张只需显示标题和三四项关键信息时
  • 用户希望通过拖拽直接改变状态时

不适用场景

  • 条目数量多(上百条)、需要按多个字段筛选、排序和比较时(应该用数据表)
  • 条目没有状态流转、只是静态分组展示时
  • 状态超过七八个、横向要滚很远才能看全时
  • 主要在手机上操作、屏幕放不下多列时

常见坏用法

  • 卡片上堆满字段,一列只能放下两三张
  • 只能靠拖拽改状态,没有其他入口,键盘和手机用户无法操作
  • 拖到另一列后没有保存,刷新页面卡片又回到原处

识别特征

  • 横向并排几列,每列顶部是状态名和数字
  • 每列里竖着堆叠多张小卡片
  • 卡片上有头像、日期和标签