Blade模板是什么？-Laravel-PHP中文网

首页

php框架

Laravel

Blade模板是什么？

coldplay.xixi

Jul 02, 2020 am 10:55 AM

blade laravel

Blade模板是是Laravel提供的模板引擎，它简单强大，Blade允许在视图中使用原生PHP代码，Laravel使用的是编译后的缓存文件，而不是视图本身，所以Blade对于应用程序来说是零开销。

Blade模板是什么？

Blade模板是：

Blade 是 Laravel 提供的模板引擎，它简单强大。不像其他的 PHP 模板引擎，Blade 允许在视图中使用原生 PHP 代码。

实际上，所有的 Blade 视图最终都会被编译成原生 PHP 代码，缓存在 storage/framework/views 文件夹中。

Laravel 使用的是这些编译后的缓存文件，而不是视图本身，所以，Blade 对于应用程序来说是零开销的。当你修改了视图文件，那么它会重新编译并缓存，以便使用。Blade 视图以 blade.php 为后缀名，一般存放于 resources/views 文件夹中。

模板继承：

1、定义布局文件

Blade 模板引擎的主要两个优点是 “模板继承” 和 “区块”。举一个简单的例子，一个项目里，几乎所有的页面都是一样的布局，这时候就可以把这个布局提炼出来，作为母版页，继承了这个母版页的的页面都有一样的布局效果，成为母版页的子页。母版页还叫布局文件，布局文件就是一个 Blade 视图：

<!-- Stored in resources/views/layouts/app.blade.php -->
<html>
       <head>
             <title>App Name - @yield(&#39;title&#39;)</title>
       </head>
       <body>
         @section(&#39;sidebar&#39;)
               This is the master sidebar.
         @show
         <div class="container">
              @yield(&#39;content&#39;)
         </div>
       <body>
</html>

登录后复制

布局文件里除了基础的 HTNL 标签，还使用了两个指令：@section 和 @yield 。@section定义区块，@yield 定义区块里的内容。

下面。来定义布局文件的子页。

2、继承布局文件

子页中，使用 Blade 的 @extends 指令指定 “继承” 的布局文件，使用 @section 指令为在布局文件中使用 @section 和 @yield 指令的地方注入内容：

<!-- Stored in resources/views/child.blade.php -->
@extends(&#39;layouts.app&#39;)
@section(&#39;title&#39;,&#39;Page Title&#39;)
@section(&#39;sidebar&#39;)
       <p> This is appended to the master sideebar</p>
@endsection
@section(&#39;content&#39;)
         <p>This ismy body content. </p>
@endsection

登录后复制

可以看到，在布局文件中使用 @yield 指令的地方，在子页中仍然使用 @section 注入内容；在布局文件中使用 @section 指令定义的一个好处是：在子页中使用 @section 注入时，可以使用 @parent 指令附加（而非重写）在布局文件中的内容，而在布局文件中使用 @yield 指令定义的地方是做不到的。@parent 指令会在视图渲染的时替换成布局文件里的内容。

注意，与在文件布局里定义的 sidebar 不同的是，子页里使用 @endsection 结束，而非 @show 。因为 @endsection 仅用来定义区块，而 @show 是用来定义、立马产出区块的。

从路由中直接返回视图文件，要用到全局辅助函数 helper :

Route::get(&#39;blade&#39;, function(){
        return view(&#39;child&#39;);
})

登录后复制

3、组件&插槽

组件和插槽提供了类似布局和区块的优点。而组件和插槽的心智模型更符合直觉。设想一下，在我们的项目中有一个可重复的 “弹框” 组件：

<!-- Stored resource/views/alter.blade.php -->
<div class="alter alter-danger">
       {{ $slot }}
</div>

登录后复制

{{ $slot }} 表示插入组建的内容。构建此组件，是使用 Blade 的@component指令：

@component(&#39;alter&#39;)
        <strong>Whoops!</strong> Something went wrong!
@endcomponent

登录后复制

在这个场景里，{{ $slot }} 变量的内容是：

<strong>Whoops! </strong> Something went wrong!

登录后复制

有时一个组件需要多个插槽。这时，只需要稍改组件代码，定义一个 “标题” 插槽，这个插槽称命名插槽。命名插槽是通过简单的 “打印” 匹配其名称的变量来显示内容的：

<!-- Stored resources/views/alter.blade.php-->
<div class="alter alter-danger">
         <div class="alter-title">{{ $title }}</div>
            {{ $slot }}
</div>

登录后复制

为名名插槽注入内容，使用 @slot 指令。所有不在 @slot 指令里的内容都会传递给组件里的 $slot 变量。

@compontent (&#39;alter&#39;)
         @slot(&#39;title&#39;)
            Forbidden
         @endslot
     You are not allowed to access this resource!
@edcompontent~

登录后复制

4、为组建传递额外数据：

有时需要为组建件递额外数据。为此，可以为 @conponent 指令传递第二个数组参数。指定要传递的额外。据所有过去的额外数据作为变量，在组件模板里都可以取的：

@component
     <compontent(&#39;alter&#39;, [&#39;foo&#39; => &#39;bar&#39;);
         .....
@endCompontent

登录后复制

5、显示数据

向 Blade 视图传递数据，是通过将变量包裹在 [ ] 里实现的：

Route::get(&#39;greeting&#39;, function(){
         return view(&#39;welcome&#39;, [ &#39;name&#39; => &#39;&#39;Samantha&#39;]);
})

登录后复制

下面就可以使用 name 变量显示内容了：

Hello! {{ $name }}

登录后复制

{{ }} 是 Blade 视图的打印语句，当然，打印语句里不限制只能打印变量内容，也可以使用 PHP 函数。实际上，打印语句这里可以使用任何 PHP 代码：

The current UNIX timestamp is {{ time() }}

登录后复制

6、显示非转移数据

默认，所有传递给 Blade {{ }} 语句的内容都会使用 htmlspecialchar 函数处理、将内容转义，避免 XSS 攻击。如果无需转义输出的内容，可以使用下面语法：

Hello! {{!! $name !!}}.

登录后复制

不过千万要小心，应该优先选择使用转义的 {{ }} 语法避免 XXS 攻击。因为，有时你很难避免用户有意的、无意的数据输入。

相关学习推荐：Laravel

以上是Blade模板是什么？的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7514

CakePHP 教程

1378

steam的账户名称是什么格式

win11激活密钥永久

NYT连接提示和答案

显示更多

Related knowledge

Laravel和CodeIgniter的最新版本对比 Jun 05, 2024 pm 05:29 PM

Laravel9和CodeIgniter4的最新版本提供了更新的特性和改进。Laravel9采用MVC架构，提供数据库迁移、身份验证和模板引擎等功能。CodeIgniter4采用HMVC架构，提供路由、ORM和缓存。在性能方面，Laravel9的基于服务提供者设计模式和CodeIgniter4的轻量级框架使其具有出色的性能。在实际应用中，Laravel9适用于需要灵活性和强大功能的复杂项目，而CodeIgniter4适用于快速开发和小型应用程序。

Laravel 和 CodeIgniter 中数据处理能力的比较如何？ Jun 01, 2024 pm 01:34 PM

比较Laravel和CodeIgniter的数据处理能力：ORM：Laravel使用EloquentORM，提供类对象关系映射，而CodeIgniter使用ActiveRecord，将数据库模型表示为PHP类的子类。查询构建器：Laravel具有灵活的链式查询API，而CodeIgniter的查询构建器更简单，基于数组。数据验证：Laravel提供了一个Validator类，支持自定义验证规则，而CodeIgniter的验证功能内置较少，需要手动编码自定义规则。实战案例：用户注册示例展示了Lar

Laravel 和 CodeIgniter 对于初学者来说哪一个更友好？ Jun 05, 2024 pm 07:50 PM

对于初学者来说，CodeIgniter的学习曲线更平缓，功能较少，但涵盖了基本需求。Laravel提供了更广泛的功能集，但学习曲线稍陡。在性能方面，Laravel和CodeIgniter都表现出色。Laravel具有更广泛的文档和活跃的社区支持，而CodeIgniter更简单、轻量级，具有强大的安全功能。在建立博客应用程序的实战案例中，Laravel的EloquentORM简化了数据操作，而CodeIgniter需要更多的手动配置。

Laravel - Artisan 命令 Aug 27, 2024 am 10:51 AM

Laravel - Artisan 命令 - Laravel 5.7 提供了处理和测试新命令的新方法。它包括测试 artisan 命令的新功能，下面提到了演示？

Laravel和CodeIgniter：哪种框架更适合大型项目？ Jun 04, 2024 am 09:09 AM

在选择大型项目框架时，Laravel和CodeIgniter各有优势。Laravel针对企业级应用程序而设计，提供模块化设计、依赖项注入和强大的功能集。CodeIgniter是一款轻量级框架，更适合小型到中型项目，强调速度和易用性。对于具有复杂需求和大量用户的大型项目，Laravel的强大功能和可扩展性更合适。而对于简单项目或资源有限的情况下，CodeIgniter的轻量级和快速开发能力则更为理想。