Laravel中如何在Blade前端显示外键关联的字段值

一、替换原生查询，用模型关联实现数据查询 #

你当前使用DB::select直接查询villas表，无法自动关联关联表数据，建议利用已定义的hasOne关联，通过Villa模型来查询数据，这是更符合Laravel规范的实现方式。

1. 确认模型关联定义准确 #

先确保Villa模型中的关联方法参数正确：

// app/Models/Villa.php
class Villa extends Model
{
    // 关联City表，外键为villas表的city_id
    public function city()
    {
        return $this->hasOne(City::class, 'id', 'city_id');
    }

    // 关联Seller表，外键为villas表的seller_id
    public function seller()
    {
        return $this->hasOne(Seller::class, 'id', 'seller_id');
    }

    // 关联Payment表，外键为villas表的payment_id
    public function payment()
    {
        return $this->hasOne(Payment::class, 'id', 'payment_id');
    }
}

如果你的外键命名符合Laravel默认规范（比如city_id对应City模型的主键id），可以简化写法为return $this->hasOne(City::class);

2. 控制器中使用模型查询并传递数据 #

将原有的DB::select替换为模型查询，推荐使用预加载避免N+1查询问题（更高效）：

// 控制器方法示例
public function index()
{
    // 预加载所有需要的关联，仅执行4次查询（1次主表+3次关联表）
    $villas = Villa::with(['city', 'seller', 'payment'])->get();

    return view('your-view-name', compact('villas'));
}

如果不使用with()预加载，Laravel会在你访问每个Villa的关联数据时单独发起查询，导致N+1次数据库请求，预加载能大幅提升查询效率。

二、在Blade视图中显示关联字段 #

拿到预加载后的$villas集合后，直接通过关联方法访问关联模型的字段即可，同时可以用??运算符处理关联数据不存在的情况：

@foreach($villas as $villa)
    <div class="villa-item">
        <p>别墅名称：{{ $villa->name }}</p>
        <p>所属城市：{{ $villa->city->name ?? '未关联城市' }}</p>
        <p>卖家名称：{{ $villa->seller->name ?? '未关联卖家' }}</p>
        <p>支付方式：{{ $villa->payment->method ?? '未关联支付信息' }}</p>
    </div>
@endforeach

三、如果坚持用原生查询的处理方式 #

若你暂时不想切换到模型关联，需要手动在SQL中JOIN关联表，示例如下：

$villas = DB::select('
    SELECT v.*, c.name as city_name, s.name as seller_name, p.method as payment_method
    FROM villas v
    LEFT JOIN cities c ON v.city_id = c.id
    LEFT JOIN sellers s ON v.seller_id = s.id
    LEFT JOIN payments p ON v.payment_id = p.id
');

之后在Blade中直接访问查询返回的字段：{{ $villa->city_name }}，但这种方式需要手动维护SQL，无法利用Laravel ORM的便捷特性，不推荐长期使用。

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