跳到主要内容
前端术语库

批量操作

Bulk Action

交互模式也叫:批量处理、多选操作、批量选择

一句话:先勾选多条数据,再一次性对它们执行删除、导出、修改状态等操作,省去一条条处理的麻烦。

详细解释

批量操作一般由三部分组成:每行前面的复选框、表头的「全选」复选框、选中后出现的批量操作栏。操作栏显示「已选 3 项」和可用的操作按钮(删除、导出、移动到…),通常出现在表格上方,或者从页面底部浮起。

要说清楚的细节:全选是只选当前页还是全部数据;翻页后之前的勾选是否保留;部分选中时表头复选框显示半选状态;批量删除这种危险操作要二次确认;执行完给出结果(「成功 8 条,失败 2 条」)。

没有选中任何项时,批量操作按钮要隐藏或禁用。

示例

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

怎么跟 AI 说

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

用户列表加批量操作:每行前面加复选框,表头有全选框(部分选中时显示半选);选中后表格上方出现操作栏,显示「已选 N 项」和「导出」「禁用」「删除」按钮;删除前二次确认;翻页时保留已勾选的项。