07-覆盖率展示层：概览页、详情页、源码着色与导出是如何组织的

适合对象：想理解覆盖率前台展示能力如何落地的测试工程师、研发工程师、平台工程师。一、为什么展示层不是“把数据画出来”这么简单覆盖率展示层表面上看只是页面渲染，但真正有用的展示层，需要把复杂数据变成易读、可跳转、可筛选、可导出的交互结果。如果这一层只做静态展示，用户通常会遇到这些问题：概览页只能看数字，无法判断变化趋势；明细页数据太多，难以快速定位未覆盖点；源码视图不能和覆盖率结果联动；导出结果和页面口径不一致。所以展示层真正解决的是“如何让同一份覆盖率数据，以不同视角高效被使用”。二、展示层为什么要拆成四个能力面从当前实现看，覆盖率前台能力可以拆成四个互相配合的部分：概览页：给出总体判断；详情页：支持下钻查询；源码视图：把结果贴回代码文本；导出能力：把结构化结果带出平台。这四层不是并列堆砌，而是一个逐步下钻的使用路径：先看整体覆盖情况；再定位类和方法；再回到源码行级视角；最后按需导出做离线分析。图 1：展示层能力地图