Laravel框架布局中动态内容（左侧菜单、购物车）实现方法咨询

嘿，这个场景太常见了，我来给你一步步拆解解决方案，确保左侧菜单和购物车能在所有页面正常加载动态内容：

一、处理左侧分类菜单（从categories表取数据） #

我们可以用Laravel的**视图合成器（View Composers）**来给菜单视图绑定数据，这样每次渲染菜单时都会自动拉取最新的分类数据，不用在每个控制器里重复写查询逻辑：

步骤1：抽离菜单视图片段 #

先把左侧菜单的HTML单独存成一个Blade片段，比如 resources/views/partials/sidebar-menu.blade.php：

<div class="sidebar-menu">
  <h3>商品分类</h3>
  <ul class="category-list">
    @foreach($categories as $category)
      <li>
        <a href="{{ route('categories.show', $category->id) }}">{{ $category->name }}</a>
      </li>
    @endforeach
  </ul>
</div>

步骤2：创建视图合成器类 #

在 app/View/Composers 目录下新建 SidebarMenuComposer.php（目录不存在的话手动创建即可）：

<?php

namespace App\View\Composers;

use App\Models\Category;
use Illuminate\View\View;

class SidebarMenuComposer
{
    public function compose(View $view)
    {
        // 按需添加排序、过滤逻辑，比如只显示启用的分类
        $categories = Category::where('is_active', true)->orderBy('sort_order')->get();
        $view->with('categories', $categories);
    }
}

步骤3：注册视图合成器 #

打开 app/Providers/AppServiceProvider.php，在 boot() 方法里注册这个合成器，指定绑定到我们的菜单片段：

<?php

namespace App\Providers;

use App\View\Composers\SidebarMenuComposer;
use Illuminate\Support\Facades\View;
use Illuminate\Support\ServiceProvider;

class AppServiceProvider extends ServiceProvider
{
    public function register()
    {
        // 注册服务逻辑
    }

    public function boot()
    {
        // 给sidebar-menu视图绑定合成器
        View::composer('partials.sidebar-menu', SidebarMenuComposer::class);
    }
}

二、处理全局购物车（调用Cart::content()） #

购物车的处理逻辑类似，同样可以用视图合成器，或者因为逻辑简单直接在视图里调用门面，这里两种方式都给你列出来：

方式1：直接在视图中调用Cart门面（快速实现） #

新建 resources/views/partials/cart.blade.php：

<div class="cart-widget">
  <a href="{{ route('cart.index') }}" class="cart-trigger">
    购物车 ({{ Cart::count() }})
  </a>
  
  @if(Cart::count() > 0)
    <div class="cart-dropdown">
      @foreach(Cart::content() as $item)
        <div class="cart-item">
          <span class="item-name">{{ $item->name }}</span>
          <span class="item-qty">× {{ $item->qty }}</span>
          <span class="item-price">¥{{ $item->subtotal() }}</span>
        </div>
      @endforeach
      <div class="cart-total">
        总计: ¥{{ Cart::total() }}
      </div>
      <div class="cart-actions">
        <a href="{{ route('cart.index') }}" class="btn btn-outline">查看购物车</a>
        <a href="{{ route('checkout.index') }}" class="btn btn-primary">去结算</a>
      </div>
    </div>
  @else
    <p class="empty-cart">购物车空空如也~</p>
  @endif
</div>

方式2：用视图合成器封装（适合需要额外处理的场景） #

如果需要对购物车数据做格式化、关联商品详情等操作，推荐用合成器：
在 app/View/Composers 新建 CartComposer.php：

<?php

namespace App\View\Composers;

use Gloudemans\Shoppingcart\Facades\Cart;
use Illuminate\View\View;

class CartComposer
{
    public function compose(View $view)
    {
        $cartContent = Cart::content()->map(function ($item) {
            // 这里可以给购物车项追加商品封面、规格等信息
            $item->product = $item->model;
            return $item;
        });

        $view->with([
            'cartContent' => $cartContent,
            'cartCount' => Cart::count(),
            'cartTotal' => Cart::total(),
        ]);
    }
}

然后在 AppServiceProvider 的 boot() 方法里注册：

View::composer('partials.cart', CartComposer::class);

这样在购物车视图里就可以直接用 $cartContent、$cartCount 这些变量了。

三、在全局布局中引入片段 #

最后，打开你的主布局文件（比如 resources/views/layouts/app.blade.php），在对应位置引入这两个片段：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <!-- 头部样式、脚本等 -->
</head>
<body>
  <div class="page-wrapper">
    <aside class="sidebar">
      <!-- 引入左侧菜单 -->
      @include('partials.sidebar-menu')
    </aside>

    <main class="main-content">
      <!-- 页面主体内容 -->
      @yield('content')
    </main>

    <div class="cart-wrapper">
      <!-- 引入购物车 -->
      @include('partials.cart')
    </div>
  </div>
</body>
</html>

额外小提示 #

• 如果你的购物车用的是 gloudemans/shoppingcart 包（从 Cart::content() 判断应该是），确保已经正确安装并配置了这个包。
• 可以给分类查询加缓存优化性能，比如 Category::where('is_active', true)->orderBy('sort_order')->remember(3600)->get()，缓存1小时。
• 如果只是简单的全局数据，也可以用 View::share('categories', Category::xxx) 在 AppServiceProvider 里全局共享，但这种方法会给所有视图都绑定变量，不如视图合成器灵活。

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