关于php:ModStart-Blade模板教程

3次阅读

共计 2715 个字符,预计需要花费 7 分钟才能阅读完成。

简介

Blade 是 Laravel 所提供的一个简略且弱小的模板引擎。相较于其它出名的 PHP 模板引擎,Blade 并不会限度你必须得在视图中应用 PHP 代码。所有 Blade 视图都会被编译缓存成一般的 PHP 代码,始终到它们被更改为止。这代表 Blade 根本不会对你的应用程序生成累赘。

Blade 视图文件应用 .blade.php 做为扩展名,通常保留于 resources/views 或 module/Xxx/View 文件夹内。

显示数据

你能够应用「中括号」包住变量以显示传递至 Blade 视图的数据。就如以下的路由设置一样:

return view('welcome', ['name' => 'Samantha']);

你能够像这样显示 name 变量的内容:

Hello, {{$name}}.

当然也不是说肯定只能显示传递至视图的变量内容。你也能够显示 PHP 函数的后果。实际上,你能够搁置任何你想要的 PHP 代码到 Blade 显示的语法外面:

 目前的 UNIX 工夫戳为 {{time() }}。

留神:Blade 的 语法会主动调用 PHP htmlentites 函数来进攻 XSS 攻打。

条件判断 if

你能够应用 @if、@elseif、@else 及 @endif 命令建构 if 表达式。这些命令的性能等同于在 PHP 中的语法:

@if (count($records) === 1)
    我有一条记录!@elseif (count($records) > 1)
    我有多条记录!@else
    我没有任何记录!@endif

循环 for foreach

除了条件表达式外,Blade 也反对 PHP 的循环构造:

@for ($i = 0; $i < 10; $i++)
    目前的值为 {{$i}}
@endfor

@foreach ($users as $user)
    <p> 此用户为 {{$user->id}}</p>
@endforeach

@forelse ($users as $user)
    <li>{{$user->name}}</li>
@empty
    <p> 没有用户 </p>
@endforelse

@while (true)
    <p> 我永远都在跑循环。</p>
@endwhile

定义页面布局

应用 Blade 模板的两个次要长处为 模板继承 与 区块。

让咱们先通过一个简略的例子来上手。首先,咱们须要确认一下「次要的」页面布局。大多数的网页应用程序在不同页面都放弃着雷同的布局形式,这种布局在这单个 Blade 视图中能够很不便的定义:

<html>
    <head>
        <title> 应用程序名称 - @yield('title')</title>
    </head>
    <body>
        @section('sidebar')
            这是次要的侧边栏。@show

        <div class="container">
            @yield('content')
        </div>
    </body>
</html>

如你所见,这个文件蕴含了传统的 HTML 语法。不过,请留神 @section 与 @yield 命令。正如其名,@section 命令定义一个内容区块,而 @yield 命令被用来“显示指定区块”的内容。

当初,咱们曾经定义好了这个应用程序的布局,让咱们接着来定义一个继承此布局的子页面。

继承页面布局

当正在定义子页面时,你能够应用 Blade 的 @extends 命令指定子页面应该「继承」哪一个布局。当视图 @extends Blade 的布局之后,即可应用 @section 命令将内容注入于布局的区块中。切记,如上述例子所见,这些区块的内容都会应用 @yield 显示在布局中:

@extends('theme.pc.default.frame')

@section('title', '页面题目')

@section('sidebar')
    @parent
    <p> 这边会附加在次要的侧边栏。</p>
@endsection

@section('content')
    <p> 这是我的次要内容。</p>
@endsection

在这个例子中,sidebar 区块利用了 @parent 命令减少(而不是笼罩)内容至布局的侧边栏。@parent 命令会在视图输入时被置换成布局的内容。

大括号不本义输入

因为许多 JavaScript 框架也应用「大括号」在浏览器中显示指定的表达式,因而能够应用 @ 符号来告知 Blade 渲染引擎该表达式应该维持原样。举个例子:

<h1>Laravel</h1>

Hello, @{{name}}.

在这个例子中,@ 符号会被 Blade 移除。而且,Blade 引擎会保留 表达式,如此一来便可跟其它 JavaScript 框架一起利用。

显示未本义过的数据

在默认状况下,Blade 模板中的 表达式将会主动调用 PHP 的 htmlentities 函数,以防止 XSS 攻打。如果你不心愿你的数据被本义,能够应用下列的语法:

Hello, {!! $name !!}.

留神:要十分小心解决用户提供的字符串,请总是应用双大括号语法来本义内容中的 HTML 元素,以防止 XSS 攻打。

引入子视图

Blade 的 @include 命令用来引入已存在的视图,所有在父视图的可用变量在被引入的视图中都是可用的。

<div>
    @include('share.header')
    <form>
        <!-- 表单内容 -->
    </form>
</div>

只管被引入的视图会继承父视图中的所有数据,你也能够通过传递额定的数组数据至被引入的页面:

@include(‘view.name’, [‘some’ => ‘data’])

当数据存在时输入

有时候你想要输入一个变量,但你并不确定这个变量是否已被设置。咱们能够用像这样的简短 PHP 代码表白:

{{isset($name) ? $name : 'Default' }}

不过,Blade 提供了较不便的缩写来代替写三元运算符表达式:

{{$name or 'Default'}}

在这个例子中,如果 $name 变量存在,它的值将会被显示进去。然而,如果这个变量不存在,便会显示 Default。

为汇合渲染视图

你能够应用 Blade 的 @each 命令将循环及引入联合成一行代码:

@each('view.name', $jobs, 'job')

第一个参数为每个元素要渲染的部分视图,第二个参数你要迭代的数组或汇合,而第三个参数为迭代时被调配至视图中的变量名称。所以,举例来说,如果你要迭代一个 jobs 数组,通常你会心愿在部分视图中通过 job 变量拜访每一个 job。

你也能够传递第四个参数至 @each 命令。此参数为当指定的数组为空时,将会被渲染的视图。

@each('view.name', $jobs, 'job', 'view.empty')

正文

Blade 也容许在页面中定义正文,然而,跟 HTML 的正文不同的是,Blade 正文不会被蕴含在应用程序返回的 HTML 内:

{{-- 此正文将不会呈现在渲染后的 HTML --}}
正文完
 0