
本文介绍如何对含重复服务名称但不同时段/价格的数据进行预处理,通过分组归并与动态列匹配,生成结构正确的二维价格表,避免每条记录单独占一行导致的错位问题。
本文介绍如何对含重复服务名称但不同时段/价格的数据进行预处理,通过分组归并与动态列匹配,生成结构正确的二维价格表,避免每条记录单独占一行导致的错位问题。
在构建服务类价格表格(如按摩项目按时段定价)时,原始数据常以扁平化形式存在:同一服务名称(如 "Coconut care")对应多个时段("1h"、"1,5h"、"2h")及对应价格。若直接遍历原始数组生成表格,每个数据项将独立渲染为一行,导致相同服务被重复拆分为多行,破坏“一行一服务、一列一时段”的语义结构。
解决核心在于两步重构:
- 按服务名称聚合数据,将同名服务的所有时段与价格分别归入数组;
- 按预定义时段顺序动态填充单元格,确保每行仅出现一次服务名,且价格精准落入对应时段列。
以下为完整实现方案:
✅ 步骤一:预处理数据 —— 按服务名归并时段与价格
使用 array_reduce() 对原始 $tableRow 进行分组聚合,将相同 'name' 的条目合并为单个元素,并将其 'slot' 和 'price' 转为数值索引数组:
$grouped = array_reduce($tableRow, function ($carry, $item) {
// 查找是否已存在同名服务
$index = -1;
foreach ($carry as $i => $row) {
if ($row['name'] === $item['name']) {
$index = $i;
break;
}
}
if ($index >= 0) {
// 已存在:追加时段和价格
$carry[$index]['slot'][] = $item['slot'];
$carry[$index]['price'][] = $item['price'];
} else {
// 新服务:初始化 slot/price 为数组
$carry[] = [
'name' => $item['name'],
'id' => $item['id'],
'slot' => [$item['slot']],
'price'=> [$item['price']]
];
}
return $carry;
}, []);
处理后,$grouped 结构示例:
[
[
'name' => 'Coconut care',
'id' => 3260,
'slot' => ['1h', '1,5h', '2h'],
'price'=> ['50', '65', '77']
],
// ... 其他服务
]
✅ 步骤二:动态渲染表格行 —— 精准匹配时段列
预先定义支持的时段列表(保持顺序一致),并在循环中逐列比对:
// 预定义有效时段(控制表头与列序)
$validSlots = ['45min', '1h', '1,5h', '2h', '2,5h', '3h'];
$table .= '<tbody class="product-table-body">';
foreach ($grouped as $row) {
$table .= '<tr>';
$table .= '<td class="product-table-cell category-title"><span class="product-pricing-text">' . htmlspecialchars($row['name']) . '</span></td>';
// 遍历每个时段列
foreach ($validSlots as $slot) {
$pos = array_search($slot, $row['slot']);
if ($pos !== false) {
// 找到匹配时段,输出对应价格
$price = htmlspecialchars($row['price'][$pos]);
$table .= '<td class="product-table-cell product-duration"><a href="#" class="product-pricing-text">' . $price . '</a></td>';
} else {
// 无匹配,留空单元格
$table .= '<td class="product-table-cell product-duration"></td>';
}
}
$table .= '</tr>';
}
$table .= '</tbody>';
⚠️ 注意事项与优化建议
- 安全性:使用 htmlspecialchars() 防止 XSS,尤其当服务名或价格含用户输入内容时;
- 时段标准化:建议统一时段格式(如 "1.5h" 替代 "1,5h"),避免因小数点/逗号差异导致匹配失败;
- 健壮性增强:可添加 isset($row['price'][$pos]) 双重校验,防止价格数组长度异常;
- 性能考量:若数据量极大,可改用 array_key_exists() + 关联映射(['1h' => '50'])替代 array_search(),提升查找效率;
- 扩展性:将 $validSlots 提取为配置项,便于后续新增时段(如 "30min")而无需修改逻辑。
通过该方案,最终生成的 HTML 表格严格遵循“服务名纵列、时段横列、价格交叉定位”的二维结构,彻底解决原始代码中“一行一记录”导致的布局错乱问题,兼顾可读性、可维护性与业务准确性。











