摘要：在AI数据查询工具中，运营需要组合时间、指标、维度等条件来构建查询。我们没有为每种条件写死UI组件，而是设计了一套JSON驱动的卡片选择系统：20+种可视化卡片通过配置声明式生成，新增或修改查询条件只改JSON、不写代码。这套方案后来被2个类似项目直接复用，新业务接入从"开发3天"变成"配半天"。本文拆解卡片系统的核心抽象思路、JSON Schema设计、渲染引擎实现，以及"配置化"这件事本身容易踩的过度设计陷阱。
摘要：在AI数据查询工具中，运营需要组合时间、指标、维度等条件来构建查询。我们没有为每种条件写死UI组件，而是设计了一套JSON驱动的卡片选择系统：20+种可视化卡片通过配置声明式生成，新增或修改查询条件只改JSON、不写代码。这套方案后来被2个类似项目直接复用，新业务接入从"开发3天"变成"配半天"。本文拆解卡片系统的核心抽象思路、JSON Schema设计、渲染引擎实现，以及"配置化"这件事本身容易踩的过度设计陷阱。
