Laravel 9多阶段客户列表代码优化：如何实现更紧凑写法？

完全可以用嵌套foreach来优化，核心思路是先把客户数据按etapa（阶段）分组，再通过两层循环遍历展示，彻底消除重复代码。

步骤1：先对数据做分组处理 #

如果是后端处理（以ASP.NET Razor场景为例），用分组方法把数据按阶段归类：

// 假设客户模型为Customer，包含Etapa属性
var groupedCustomers = customers.GroupBy(c => c.Etapa).ToList();

如果是前端JS处理数据，可通过reduce方法实现分组：

const groupedCustomers = customers.reduce((acc, curr) => {
  acc[curr.etapa] = acc[curr.etapa] || [];
  acc[curr.etapa].push(curr);
  return acc;
}, {});

步骤2：用嵌套foreach完成展示 #

不管是后端还是前端分组，前端模板只需要两层循环就能完成所有阶段的客户展示：

@foreach (var group in groupedCustomers)
{
    <h3>@group.Key（阶段）</h3>
    <ul>
        @foreach (var customer in group)
        {
            <li>@customer.Name - @customer.Phone</li>
        }
    </ul>
}

若是Vue等前端框架，写法逻辑一致：

<div v-for="(customers, etapa) in groupedCustomers" :key="etapa">
  <h3>{{ etapa }}（阶段）</h3>
  <ul>
    <li v-for="customer in customers" :key="customer.id">
      {{ customer.name }} - {{ customer.phone }}
    </li>
  </ul>
</div>

优化后的优势 #

• 彻底消除重复筛选逻辑：不用再写4套几乎一样的foreach + 阶段筛选代码
• 扩展性强：后续新增阶段时，无需修改前端展示代码，分组逻辑会自动适配
• 代码更简洁，维护成本更低

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