做一个后台管理页要知道的 20 个词
从侧边导航、数据表到筛选栏和抽屉，认识后台页面最常见的布局和组件，学会按区块顺序向 AI 描述。
后台管理页的套路很固定：左边一列菜单，顶上一条窄栏，中间是干活的地方。认识下面这些词，基本就能把一个后台页面拆开说清楚。
先认识整体布局
- 侧边导航+内容：后台最常见的整体结构。左侧是侧边菜单，放各个功能模块；右侧是内容区。功能模块超过七个、或者有两级菜单时就该用它，只靠一条顶栏会放不下。
- 顶部导航栏：在后台里通常只放系统名称、搜索、消息和头像这类全局入口。
- 面包屑：内容区顶部的一行路径，比如「订单管理 / 订单详情」，方便从详情页回到列表。
- 仪表盘：后台首页常用，用统计数值展示关键指标，用图表展示趋势和占比。它只放摘要，大量明细不要塞进来。
再认识常用组件
列表页几乎都是同一套组合：
- 数据表是这类页面的布局名，落到组件上就是表格。字段多、要排序和比较的记录都放在这里。
- 表格上方是筛选栏（按状态、日期等条件组合查询）和搜索框（按关键词查），旁边是工具栏，放新建、导入、导出。
- 表格下方是分页，数据上百条时不要一次性全部渲染。
- 勾选多行后一次删除或导出，叫批量操作；状态列用标签标出「已付款」「已取消」。
- 删除这类不可恢复的操作，先弹二次确认。
新建和编辑：两到五个字段用对话框，字段多一些用从侧边滑出的抽屉，再多就单独做一个单页表单页面。只看不改的详情用描述列表，不要做成一排排禁用的输入框。
怎么跟 AI 描述
先说整体布局，再按从上到下的顺序说区块，最后说交互细节：
做一个订单管理后台，整体用侧边导航+内容布局。左侧菜单：仪表盘、订单管理、商品管理、用户管理、系统设置。订单管理页从上到下是：面包屑、筛选栏（订单状态、下单日期范围、关键词搜索）、工具栏（新建订单、导出）、表格（订单号、客户、金额、状态、下单时间、操作）、分页。状态列用标签显示，金额列右对齐。
表格支持勾选多行后批量导出；点「查看」从右侧打开抽屉，用描述列表分组展示订单详情；点「删除」先弹二次确认。
说出这些词，AI 就不容易把订单做成一堆卡片，或者把详情页做成禁用的表单。