搜索

首页  >  文章  >  php框架  >  Blade模板是什么？

Blade模板是什么？

coldplay.xixi
coldplay.xixi原创
2020-07-02 10:55:483299浏览

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
上一篇：Laravel-S居然能提升这么高性能！下一篇：laravel从mysql数据库中随机抽取n条数据（高性能）

相关文章

查看更多