laravel Blade模板引擎如何传递数据和布局继承_Laravel Blade模板数据传递与布局继承教程-Laravel-PHP中文网

laravel Blade模板引擎如何传递数据和布局继承_Laravel Blade模板数据传递与布局继承教程

穿越時空

发布： 2025-10-09 10:48:02

原创

540人浏览过

答案：Laravel Blade通过with()、数组或compact()传递数据，并支持布局继承。使用@extends定义主模板，@yield和@section填充内容，实现高效视图管理与结构复用，提升页面维护性。

laravel blade模板引擎如何传递数据和布局继承_laravel blade模板数据传递与布局继承教程

Laravel Blade 是 Laravel 自带的轻量级模板引擎，它允许你使用简洁的语法构建视图，并支持数据传递与布局继承。本文将直接讲解如何在 Blade 模板中传递数据以及实现布局继承，帮助你快速掌握核心用法。

Blade 中传递数据到模板

在控制器中渲染视图时，可以通过多种方式把数据传递给 Blade 模板。

1. 使用 with() 方法

控制器返回视图时调用 with() 添加变量：

return view('welcome')->with('name', 'Tom')->with('age', 25);

登录后复制

在 welcome.blade.php 中可以直接使用：
{{ $name }}，今年 {{ $age }} 岁

2. 传递数组给 view()

更常见的方式是把数据以数组形式传入 view() 函数：

$data = [
    'title' => '个人主页',
    'user'  => ['name' => 'Jerry', 'email' => 'jerry@example.com']
];<br>
return view('profile', $data);

登录后复制

在 profile.blade.php 中可直接访问：

<h1>{{ $title }}</h1><br>{{ $user['name'] }}

登录后复制

3. 使用 compact() 简化代码

如果你已有变量，可以用 compact() 快速打包：

$name = 'Alice';<br>
$role = 'admin';<br>
return view('dashboard', compact('name', 'role'));

登录后复制

模板中即可使用 {{ $name }} 和 {{ $role }}。

Blade 布局继承：定义母版与填充内容

Blade 支持模板继承，通过定义一个主布局文件，其他页面可以继承并替换其中的内容区域。

1. 创建主布局文件（layouts/app.blade.php）

AiPPT模板广场

AiPPT模板广场-PPT模板-word文档模板-excel表格模板

147

查看详情

在 resources/views/layouts/ 下创建 app.blade.php：

<!DOCTYPE html><br>
<html><br>
<head><br>
    <title>@yield('title', '默认标题')</title><br>
</head><br>
<body><br>
    <header><br>
        <h1>网站标题</h1><br>
        <nav><a href="/">首页</a></nav><br>
    </header><br><pre class='brush:php;toolbar:false;'><main><br>
    @yield('content')<br>
</main><br>

<footer><br>
    @section('footer')<br>
        <p>版权所有 © 2025</p><br>
    @show<br>
</footer><br>

登录后复制

</html>

说明：
- @yield('title') 定义可选标题区域，默认显示“默认标题”
- @yield('content') 是子页面必须填充的主要内容区
- @section ... @show 定义可被覆盖或追加的区块

2. 子页面继承布局（如 home.blade.php）

在子页面中使用 @extends 并填充内容：

@extends('layouts.app')<br><p>@section('title', '首页 - 我的网站')<br></p><p>@section('content')<br>
<h2>欢迎来到首页</h2><br>
<p>这是主页内容。</p><br>
@endsection

登录后复制

这样就会继承 app.blade.php 的结构，并替换 content 和 title 区域。

3. 可选区块与追加内容

如果希望保留父级内容并添加新内容，使用 @parent：

@section('footer')<br>
    @parent<br>
    <p>新增一行底部信息</p><br>
@endsection

登录后复制

常见使用技巧

实际开发中，合理组织模板结构能提升维护效率。

主布局建议放在 resources/views/layouts/ 目录下
公共组件如导航、侧边栏可用 @include 引入：@include('partials.nav')
多个层级继承时，确保路径正确，例如：@extends('layouts.admin')
避免在模板中写复杂逻辑，数据处理尽量放在控制器或服务类中

基本上就这些。掌握数据传递和布局继承后，你就能高效地构建结构清晰的 Laravel 页面。

以上就是laravel Blade模板引擎如何传递数据和布局继承_Laravel Blade模板数据传递与布局继承教程的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

laravel怎么在模型中定义远程一对一或一对多关系_laravel模型远程关联定义方法 laravel怎么实现模型的多态关联_laravel模型多态关联实现方法 laravel怎么在测试中模拟文件系统（Storage Fake）_laravel测试中Storage Fake模拟方法 laravel怎么使用withoutRelations方法优化模型序列化_laravel withoutRelations模型序列化优化方法 laravel怎么在模型创建或更新时自动填充字段_laravel模型自动填充字段方法