左右分栏调试工具设计:映射表 + 提取规则 + 结果概览
调试工具为什么用左右分栏
识别系统的调试,通常要同时看"我配了什么规则"和"结果是什么"。左右分栏正好:左边是配置,右边是结果,边看结果边改配置。
布局
左侧两块表:
LotNo → Material映射表:批号对应哪个材料。Material → Match提取规则表:每个材料的提取规则。
右侧三块:
- 结果概览(统计):几个批号、几个元素。
- 结果表格:批号 × 元素 × 值。
- 导出按钮。
关键的"校验配置"交互
本机调试页点了「校验配置」,会从所选目录的 JSON 里自动读 p_LotNo2Material 和 p_Match,填进左边的映射表和规则表:
python
def _load_from_config(self, json_data):
lotno_map = json_data.get("p_LotNo2Material", {})
self.fill_lotno_table(lotno_map)
match_rules = json_data.get("p_Match", {})
self.fill_match_table(match_rules)
这样用户不用手敲,配置和界面始终一致,改 JSON 后一键同步。
为什么这样设计高效
- 双向对应:左边规则 ↔ 右边结果,一眼看出来"哪个材料对应哪些元素、值对不对"。
- 一次就能试:改配置 → 校验 → 出结果,一个界面闭环。
- 可导出:结果对,点导出得到标准文件,直接交付。
第一性原理:调试界面要"所见即所得"
调试工具的价值在于快速建立"改了什么 → 得到什么"的反馈。左右分栏把输入和输出并排放,正是为了压缩这个反馈距离。
一句话:左边给规则、右边看结果,左右对照着调,是识别调试工具最好用的形态。