Laravel订单页面显示Wilaya/Commune名称而非ID的实现问题

1. 关联未定义：你调用Order::with('wilaya')报错，是因为Order模型里根本没定义和Wilaya、Commune的关联关系，Laravel不知道怎么把订单和这两个模型关联起来。
2. 字段混淆：视图里的$data->wilaya、$data->commune其实是订单表中存储的ID整数，不是关联模型对象，所以直接->name会触发“Attempt to read property on int”错误——你不能给整数调用属性。
3. 字段名错误：你的Wilaya和Commune模型里存储名称的字段是nom，不是name，就算关联成功，用->name也拿不到值。

第一步：给Order模型添加关联 #

假设你的orders表有wilaya_id和commune_id两个外键字段，在Order模型里添加以下关联方法：

class Order extends Model
{
    use HasFactory;

    // 订单属于一个Wilaya
    public function wilaya()
    {
        return $this->belongsTo(Wilaya::class);
    }

    // 订单属于一个Commune
    public function commune()
    {
        return $this->belongsTo(Commune::class);
    }
}

第二步：控制器预加载关联（避免N+1查询） #

修改show方法，预加载关联模型，这样视图里就能直接调用关联对象的属性：

public function show(Order $order, $id)
{
    // 预加载wilaya和commune关联，一次性查完所有数据
    $data = Order::with(['wilaya', 'commune'])->find($id);
    $arr = unserialize($data->products);

    return view('order.show', compact('data', 'arr'));
}

第三步：视图正确渲染名称 #

把输入框类型改成text（不是邮箱），用?->做空安全访问（防止关联不存在时报错），并且用正确的字段名nom：

<div class="mb-3">
   <label for="wilayaInput" class="form-label">Wilaya: </label>
   <input type="text" class="form-control" id="wilayaInput"
          placeholder="/" value="{{ $data->wilaya?->nom }}" disabled>
</div>

<div class="mb-3">
    <label for="communeInput" class="form-label">Ville: </label>
    <input type="text" class="form-control" id="communeInput"
           placeholder="/" value="{{ $data->commune?->nom }}" disabled>
</div>

1. 路由模型绑定简化代码：如果你的路由是Route::get('/orders/{order}', [OrderController::class, 'show']);，可以直接用路由模型绑定，不用手动find($id)：

public function show(Order $order)
{
    $order->load(['wilaya', 'commune']);
    $arr = unserialize($order->products);
    return view('order.show', compact('order', 'arr'));
}

2. 别用序列化存products：把产品序列化成字符串存在数据库里，后期没法做订单商品的统计、查询，建议建order_product中间表，用多对多关联管理订单和商品的关系。
3. 避免重复ID：之前两个输入框的ID都是exampleInputEmail1，会导致DOM元素ID冲突，改成唯一ID（比如上面的wilayaInput、communeInput）。

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