背景在最近的项目开发中我遇到了一个常见的需求Excel导出的列顺序必须与前端页面表格的显示顺序完全一致。这听起来很简单但在实际实现中却遇到了不少挑战特别是当表格包含多级表头和展开字段时。今天我就来分享一下这个问题的完整解决方案希望能帮助到遇到类似问题的开发者。问题描述前端页面结构我们的前端页面使用了 Element UI 的表格组件包含普通列和带子列的展开列el-table-column propinitCostUsing label初始成本配货使用中成本 / el-table-column label初始成本配货使用中成本(自开) el-table-column propinitCostUsingSelf label总数 / el-table-column propinitCostUsingSelfCase label武器箱 / el-table-column propinitCostUsingSelfTerminal label终端 / /el-table-column el-table-column propinitCostUsingAlchemy label初始成本配货使用中成本(炼金) /可以看到表格中存在交错排列的情况普通字段展开字段带二级表头普通字段…初始方案的痛点最初我们使用的导出工具类存在以下问题字段顺序不可控依赖HashMap遍历顺序导致导出列顺序随机展开字段只能排在最后无法实现与普通字段的交错排列customHeaders 不参与排序自定义表头的位置无法控制解决方案核心思路我们需要实现一个能够显式指定字段顺序的导出方法支持✅ 普通字段按指定顺序排列✅ 展开字段可以插入到任意位置✅ 展开字段的二级表头顺序可控✅ 与前端页面表头结构完全一致架构设计1. 定义列结构首先我们定义一个内部类来表示每一列的结构privatestaticclassColumnDefinition{StringfieldKey;// 字段keybooleanisExpandField;// 是否是展开字段ListStringsubKeys;// 展开字段的子列key列表StringcustomHeaderName;// 自定义表头名称ColumnDefinition(StringfieldKey,booleanisExpandField,ListStringsubKeys,StringcustomHeaderName){this.fieldKeyfieldKey;this.isExpandFieldisExpandField;this.subKeyssubKeys!null?subKeys:newArrayList();this.customHeaderNamecustomHeaderName;}}2. 核心导出方法/** * 导出嵌套数据到 Web带展开功能- 支持自定义表头和显式指定字段顺序 * param dataList 数据列表 * param expandFields 展开字段列表 * param customHeaders 自定义表头映射 * param mainFieldOrder 主字段顺序列表可以包含展开字段的key * param response HTTP响应 */publicstaticvoidexportExpandToWebWithCustomHeadersAndOrder(ListMapString,ObjectdataList,ListStringexpandFields,MapString,StringcustomHeaders,ListStringmainFieldOrder,HttpServletResponseresponse)throwsIOException{setupExcelResponse(response,file.xlsx);try(WorkbookworkbooknewXSSFWorkbook()){Sheetsheetworkbook.createSheet(Sheet1);// 1. 构建列定义列表按照 mainFieldOrder 的顺序ListColumnDefinitioncolumnDefinitionsbuildColumnDefinitions(dataList,expandFields,customHeaders,mainFieldOrder);// 2. 创建表头createHeaders(sheet,columnDefinitions,customHeaders);// 3. 写入数据writeData(sheet,dataList,columnDefinitions);// 4. 自动调整列宽并输出autoSizeColumns(sheet,totalColumns);workbook.write(response.getOutputStream());}}3. 构建列定义列表这是最关键的部分我们需要遍历mainFieldOrder识别每个字段是普通字段还是展开字段privateListColumnDefinitionbuildColumnDefinitions(ListMapString,ObjectdataList,ListStringexpandFields,MapString,StringcustomHeaders,ListStringmainFieldOrder){ListColumnDefinitioncolumnDefinitionsnewArrayList();SetStringexpandFieldSetnewHashSet(expandFields);for(Stringfield:mainFieldOrder){if(expandFieldSet.contains(field)){// 这是一个展开字段获取它的子列ListStringsubKeysgetExpandSubKeys(dataList,field);columnDefinitions.add(newColumnDefinition(field,true,subKeys,customHeaders.get(field)));}else{// 这是普通字段columnDefinitions.add(newColumnDefinition(field,false,null,field));}}returncolumnDefinitions;}4. 创建表头根据列定义创建两级表头privatevoidcreateHeaders(Sheetsheet,ListColumnDefinitioncolumnDefinitions,MapString,StringcustomHeaders){RowheaderRow1sheet.createRow(0);RowheaderRow2sheet.createRow(1);intcolIndex0;for(ColumnDefinitioncolDef:columnDefinitions){if(colDef.isExpandField){// 展开字段第一行显示自定义表头第二行显示子列名intsubKeyCountcolDef.subKeys.size();// 合并第一行的单元格如果有多个子列if(subKeyCount1colDef.customHeaderName!null){CellRangeAddressregionnewCellRangeAddress(0,0,colIndex,colIndexsubKeyCount-1);sheet.addMergedRegion(region);// 设置边框...}// 第一行自定义表头Cellcell1headerRow1.createCell(colIndex);cell1.setCellValue(colDef.customHeaderName);cell1.setCellStyle(headerStyle);// 第二行子列名for(StringsubKey:colDef.subKeys){Cellcell2headerRow2.createCell(colIndex);cell2.setCellValue(subKey);cell2.setCellStyle(headerStyle);colIndex;}}else{// 普通字段两行显示相同的表头Cellcell1headerRow1.createCell(colIndex);cell1.setCellValue(colDef.customHeaderName);cell1.setCellStyle(headerStyle);Cellcell2headerRow2.createCell(colIndex);cell2.setCellValue(colDef.customHeaderName);cell2.setCellStyle(headerStyle);// 合并单元格CellRangeAddressregionnewCellRangeAddress(0,1,colIndex,colIndex);sheet.addMergedRegion(region);colIndex;}}}5. 写入数据privatevoidwriteData(Sheetsheet,ListMapString,ObjectdataList,ListColumnDefinitioncolumnDefinitions){intcurrentRow2;for(MapString,Objectdata:dataList){Rowrowsheet.createRow(currentRow);intcolIndex0;for(ColumnDefinitioncolDef:columnDefinitions){if(colDef.isExpandField){// 展开字段从 details 中获取数据ListMapString,ObjectexpandListgetExpandData(data,colDef.fieldKey);if(expandList!null!expandList.isEmpty()){MapString,ObjectexpandDataexpandList.get(0);for(StringsubKey:colDef.subKeys){Cellcellrow.createCell(colIndex);ObjectvalueexpandData.get(subKey);if(value!null){cell.setCellValue(value.toString());}cell.setCellStyle(dataStyle);colIndex;}}}else{// 普通字段直接从 map 中获取Cellcellrow.createCell(colIndex);Objectvaluedata.get(colDef.fieldKey);if(value!null){cell.setCellValue(value.toString());}cell.setCellStyle(dataStyle);colIndex;}}currentRow;}}使用示例Controller 层配置在 Controller 中我们只需要按照前端页面的表头顺序配置mainFieldOrderGetMapping(value/costStatistics/download)publicvoiddownloadCostStatisticsList(HttpServletResponseresponse,CostStatisticsDtodto)throwsIOException{ListMapString,ObjectlistcostStatisticsService.downloadCostStatisticsList(dto);// 设置自定义表头MapString,StringcustomHeadersnewHashMap();customHeaders.put(initCostUsingSelfDetails,初始成本配货使用中成本(自开));customHeaders.put(rechargeCompletedCostSelfDetails,充卡成本状态1(自开));customHeaders.put(boxWaitCoolingCostSelfDetails,待冷却箱子成本状态1进度16(自开));customHeaders.put(boxPartialSubmittedCostSelfDetails,箱子部分已提交平台成本(自开));// ⭐ 关键显式指定字段顺序包含展开字段的keyListStringmainFieldOrdernewArrayList();mainFieldOrder.add(主键);mainFieldOrder.add(初始成本总表待使用成本);mainFieldOrder.add(初始成本配货使用中成本);mainFieldOrder.add(initCostUsingSelfDetails);// 展开字段插在这里mainFieldOrder.add(初始成本配货使用中成本(炼金));mainFieldOrder.add(充卡成本状态1);mainFieldOrder.add(rechargeCompletedCostSelfDetails);// 展开字段插在这里mainFieldOrder.add(充卡成本状态1(炼金));// ... 其他字段// 导出ExcelExcelMergeMoreExportUtil.exportExpandToWebWithCustomHeadersAndOrder(list,List.of(initCostUsingSelfDetails,rechargeCompletedCostSelfDetails,boxWaitCoolingCostSelfDetails,boxPartialSubmittedCostSelfDetails),customHeaders,mainFieldOrder,response);}Service 层数据准备在 Service 层我们需要将数据组织成正确的结构publicListMapString,ObjectdownloadCostStatisticsList(CostStatisticsDtodto){ListCostStatisticsallListselectList(getQueryData(dto),null,CostStatistics.class);ListMapString,ObjectlistnewArrayList();for(CostStatisticscostStatistics:allList){MapString,ObjectmapnewLinkedHashMap();// 普通字段map.put(主键,costStatistics.getId());map.put(初始成本总表待使用成本,costStatistics.getInitCostTotal());map.put(初始成本配货使用中成本,costStatistics.getInitCostUsing());// 展开字段使用特殊的 key 标识ListMapString,ObjectinitCostUsingSelfDetailsnewArrayList();MapString,ObjectselfDetailnewLinkedHashMap();selfDetail.put(总数,costStatistics.getInitCostUsingSelf());selfDetail.put(武器箱,costStatistics.getInitCostUsingSelfCase());selfDetail.put(终端,costStatistics.getInitCostUsingSelfTerminal());initCostUsingSelfDetails.add(selfDetail);map.put(initCostUsingSelfDetails,initCostUsingSelfDetails);// 继续添加其他字段...map.put(初始成本配货使用中成本(炼金),costStatistics.getInitCostUsingAlchemy());list.add(map);}returnlist;}效果展示导出后的 Excel导出的 Excel 文件将完全保持前端页面的表头结构和顺序包括✅ 普通字段和展开字段交错排列✅ 展开字段的二级表头正确显示✅ 单元格合并效果一致✅ 列顺序100%匹配关键技术点总结1. 为什么需要显式指定顺序Java 的HashMap不保证遍历顺序即使是LinkedHashMap在不同场景下也可能出现顺序不一致的问题。显式指定顺序是最可靠的方案。2. 如何识别展开字段通过维护一个expandFieldSet在遍历mainFieldOrder时判断当前字段是否在集合中SetStringexpandFieldSetnewHashSet(expandFields);for(Stringfield:mainFieldOrder){if(expandFieldSet.contains(field)){// 这是展开字段}else{// 这是普通字段}}3. 如何处理展开字段的子列为每个展开字段提取其子列的 key 列表并在渲染时依次创建单元格ListStringsubKeysgetExpandSubKeys(dataList,expandField);for(StringsubKey:subKeys){Cellcellrow.createCell(colIndex);ObjectvalueexpandData.get(subKey);cell.setCellValue(value!null?value.toString():);colIndex;}4. 单元格合并的处理对于展开字段的第一行表头如果它有多个子列需要合并单元格if(subKeyCount1customHeaderName!null){CellRangeAddressregionnewCellRangeAddress(0,0,colIndex,colIndexsubKeyCount-1);sheet.addMergedRegion(region);RegionUtil.setBorderTop(BorderStyle.THIN,region,sheet);// 设置其他边框...}常见问题Q1: 如果某个展开字段没有数据怎么办A: 在写入数据时检查expandList是否为空如果为空则填充空单元格if(expandList!null!expandList.isEmpty()){// 正常写入数据}else{// 填充空单元格for(inti0;icolDef.subKeys.size();i){Cellcellrow.createCell(colIndex);cell.setCellStyle(dataStyle);colIndex;}}Q2: 如何处理多级展开三级表头A: 当前方案支持两级表头。如果需要三级或更多级可以扩展ColumnDefinition类增加层级信息并递归处理表头创建逻辑。Q3: 性能如何A: 该方案的时间复杂度为 O(n × m)其中 n 是数据行数m 是列数。对于常规的导出场景几万条数据性能完全可以接受。如果数据量特别大可以考虑流式写入。总结通过这次优化我们实现了一个灵活、可靠、易维护的Excel导出方案✅完全可控的字段顺序通过mainFieldOrder显式指定✅支持交错排列展开字段可以插入到任意位置✅与前端完全一致导出效果与页面表头100%匹配✅易于扩展新增字段只需修改配置列表✅代码清晰职责分明便于维护希望这篇文章能帮助你解决类似的Excel导出问题。如果你有任何问题或建议欢迎在评论区留言讨论参考资料Apache POI 官方文档https://poi.apache.org/Element UI Table 组件https://element.eleme.io/#/zh-CN/component/tableSpring Boot 文件下载最佳实践作者[Yuanz]日期2026-05-20标签#Java #Excel #ApachePOI #SpringBoot #前端后端协同