Laravel中如何将JSON文件数据在Blade表格单行展示

我懂你现在的困扰——你的Blade模板现在会把dataValues里的每条数据单独生成一行，但你想要的是在单行的不同列里，对应显示匹配dataElement和categoryOptionCombo的数值，不匹配的列显示0。其实不用写一堆@if判断，先把数据预处理成更易查询的结构就能轻松解决。

步骤1：预处理JSON数据（推荐在控制器中处理） #

首先把dataValues数组转换成以dataElement-categoryOptionCombo为键、对应value为值的关联数组，这样后续在模板里可以快速取值。

// 假设你从JSON解析后得到的变量是$jsonData
$formattedData = collect($jsonData['dataValues'])->reduce(function ($result, $item) {
    // 用dataElement和categoryOptionCombo的组合作为唯一键
    $key = "{$item['dataElement']}-{$item['categoryOptionCombo']}";
    $result[$key] = $item['value'];
    return $result;
}, []);

// 将处理好的数据传递到Blade视图
return view('your-view-name', compact('jsonData', 'formattedData'));

步骤2：在Blade模板中构建表格 #

现在你可以在表格的单行里，针对每个列对应的dataElement和categoryOptionCombo组合，直接从预处理的数组中取值，用PHP的空合并运算符??来处理不存在的情况（显示0）。

<table class="table">
    <thead>
        <tr>
            <th>组织单元</th>
            <!-- 示例列：替换成你实际的列标题和对应组合值 -->
            <th>指标A（组合nehCW5s6Hx4）</th>
            <th>指标A（组合abc123XYZ）</th>
            <th>指标B（组合nehCW5s6Hx4）</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>{{ $jsonData['orgUnit'] }}</td>
            <!-- 对应组合取值，不存在则显示0 -->
            <td>{{ $formattedData["指标A的dataElement值-nehCW5s6Hx4"] ?? 0 }}</td>
            <td>{{ $formattedData["指标A的dataElement值-abc123XYZ"] ?? 0 }}</td>
            <td>{{ $formattedData["指标B的dataElement值-nehCW5s6Hx4"] ?? 0 }}</td>
        </tr>
    </tbody>
</table>

如果有多个组织单元（多行数据） #

如果你的JSON里包含多个orgUnit的数据集，只需要稍微调整预处理逻辑，把每个组织单元的数据都整理好，再循环生成表格行：

控制器预处理： #

$processedRows = collect($allOrgData)->map(function ($orgItem) {
    $values = collect($orgItem['dataValues'])->reduce(function ($carry, $dv) {
        $key = "{$dv['dataElement']}-{$dv['categoryOptionCombo']}";
        $carry[$key] = $dv['value'];
        return $carry;
    }, []);
    
    return [
        'orgUnit' => $orgItem['orgUnit'],
        'values' => $values
    ];
});

return view('your-view-name', compact('processedRows'));

Blade模板循环： #

<tbody>
    @foreach($processedRows as $row)
        <tr>
            <td>{{ $row['orgUnit'] }}</td>
            <td>{{ $row['values']["指标A-dataElement-nehCW5s6Hx4"] ?? 0 }}</td>
            <td>{{ $row['values']["指标A-dataElement-abc123XYZ"] ?? 0 }}</td>
            <td>{{ $row['values']["指标B-dataElement-nehCW5s6Hx4"] ?? 0 }}</td>
        </tr>
    @endforeach
</tbody>

这种方式的好处是把数据逻辑从视图中剥离，模板代码更简洁易维护，而且不用在视图里写大量的条件判断，效率也更高。

内容的提问来源于stack exchange，提问作者Emil K