Laravel动态设置页面标题技巧

本文深入讲解了如何利用 Laravel 的 Blade 模板继承机制，结合控制器数据传递与模型绑定，为不同层级页面（如城市页、洗衣店列表页及详情页）动态生成语义清晰、SEO 友好的 `

本文详解如何在 Laravel 中通过 Blade 模板继承机制，结合控制器传入的模型数据（如城市名、洗衣店名），为不同页面（如城市列表页、洗衣店列表页、详情页）动态设置 SEO 友好的 `

✅ 在控制器中传递数据

根据路由层级，控制器应查询并传递对应模型实例：

// routes/web.php
Route::get('/cities/{city}', [CityController::class, 'show'])->name('cities.show');
Route::get('/cities/{city}/laundries/{laundry}', [LaundryController::class, 'show'])->name('laundries.show');

// app/Http/Controllers/CityController.php
public function show(City $city)
{
    return view('cities.show', compact('city'));
}

// app/Http/Controllers/LaundryController.php
public function show(City $city, Laundry $laundry)
{
    return view('laundries.show', compact('city', 'laundry'));
}

✅ 提示：利用 Laravel 路由模型绑定（{city} 和 {laundry}），自动解析数据库记录，安全且简洁。

✅ 在子视图中动态设置标题

▪ 城市列表页（显示该城市下所有洗衣店）

resources/views/cities/show.blade.php

@extends('layouts.app')

@section('title', "Laundries in {$city->name} | Ecommerce")

@section('content')
    <h1>Laundries in {{ $city->name }}</h1>
    <ul>
        @foreach($city->laundries as $laundry)
            <li>
                <a href="{{ route('laundries.show', [$city, $laundry]) }}">
                    {{ $laundry->name }}
                </a>
            </li>
        @endforeach
    </ul>
@endsection

▪ 洗衣店详情页

resources/views/laundries/show.blade.php

@extends('layouts.app')

@section('title', "{$laundry->name} in {$city->name} | Ecommerce")

@section('content')
    <article>
        <h1>{{ $laundry->name }}</h1>
        <p>? {{ $city->name }}, {{ $city->country }}</p>
        <p>{{ $laundry->description }}</p>
    </article>
@endsection

✅ 进阶建议：复用与可维护性

• 避免硬编码重复逻辑：可封装标题生成逻辑到模型访问器（Accessor）中：

  // app/Models/City.php
  public function getSeoTitleAttribute()
  {
      return "Laundries in {$this->name} | Ecommerce";
  }

  视图中即可简写为：@section('title', $city->seo_title)

• SEO 优化补充：除

  您即将跳转至第三方网站，请注意保护好个人信息和财产安全！

  继续访问