php单独使用blade模板引擎,laravel模板引擎Blade使用教程

Blade 是 laravel 提供的一个简单强大的模板引擎。它不像其他流行的 PHP 模板引擎那样限制你在视图中使用原生的 PHP 代码,事实上它就是把 Blade 视图编译成原生的 PHP 代码并缓存起来。缓存会在 Blade 视图改变时而改变,这意味着 Blade 并没有给你的应用添加编译的负担。Blade 视图文件使用 .blade.php 后缀,一般情况下都被存储在 resources/views 目录。

模板继承

定义布局

Blade 带来的两个主要的福利就是模板继承和挂件。为了方便开始,我们来看一个简单的例子。首先,我们建立一个主页面布局。因为多数 web 应用是在不同的页面中使用相同的总体布局,我们可以方便的定义这个布局为单独的 Blade 视图:

App Name - @yield('title')

@section('sidebar')

This is the master sidebar.

@show

@yield('content')

从上面的例子你可以看到,Blade 模板文件包含了典型的 HTML 标记。你肯定注意到了 @section 和 @yield 指令。@section 指令就如它的名字所暗示的那样定义了一个内容区块,而 @yield 指令是用来显示所提供的挂件区块所包含的内容。

现在我们已经定义好了一个基本的布局,接下来我们来构建一个子页面去继承这个布局。

扩展布局

我们可以使用 Blade 的 @extends 指令来明确的指定继承某个布局。然后使用 @section 指令将挂件中的内容挂载到布局中,在上面的例子中,挂件的内容将被挂载到布局中的 @yield 部分:

@extends('layouts.master')

@section('title', 'Page Title')

@section('sidebar')

@parent

This is appended to the master sidebar.

@endsection

@section('content')

This is my body content.

@endsection

在上面的例子作用 sidebar 挂件利用 @parent 指令来追加布局中的 sidebar 部分的内容,如果不使用则会覆盖掉布局中的这部分。@parent 指令会在视图被渲染时替换为布局中的内容。

Blade 视图可以像原生 PHP 视图一样使用全局帮助函数 view 来返回渲染后的内容:Route::get('blade', function (){

return view('child');

});

显示数据

你可以使用花括号 { 来在视图中显示传递到视图中的变量,例如,你定义了下面的路由:Route::get('greeting', function (){

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

})

你可以在视图中这样来输出 name 变量的内容:Hello, {{ $name }}

当然,你并没有被限制只允许显示传递到视图中的变量的内容。你也可以从原生 PHP 方法中返回内容。事实上,你可以在 Blade echo 声明中使用任意的 PHP 代码:The current UNIX timestamp is {{ time() }}注意:Blade {{}} 声明中的内容是自动通过 PHP 的 htmlentities 方法过滤的,用来防止 XSS 攻击。

Blade & JavaScript Frameworks

由于很多 JavaScript 框架都使用花括号来表明所提供的表达式应该被显示在浏览器中。所以你可以使用 @ 符号来告诉 Blade 渲染引擎你需要这个表达式原样保留:

Laravel

Hello, @{{ name }}

上面的例子中,@ 符号会在 Blade 渲染时被移除,并且 {{ name }} 表达式会被原样保留下来。

输出数据假如它存在

有时候你可能希望输出一个变量,但是你并不确定它是否已经被设置,你可以使用这个表达式:{{ isset($name) ? $name : 'Default' }}

Blade 提供了一个便捷的方式来替换这个三元声明:{{ $name or 'Default' }}

上面的例子中,如果变量 $name 存在,它将被输入,如果不存在,Default 会被输出。

显示未转义的数据

默认的,Blade {{}} 声明会自动的使用 PHP 的 htmlentities 方法来避免 XSS 攻击。如果你不想你的数据被转义,你可以使用下面的语法:Hello, {!! $name !!}注意:当你在应用中输出用户输入的数据时应该非常的谨慎,你应该总是使用 {{}} 来转义内容中任意的 HTML 实体。

控制结构

除了模板继承和数据显示,Blade 为通用的 PHP 控制结构提供了便利的简写方式,比如条件声明和循环。这些简写提供了一个干净简洁的方式来处理 PHP 的控制结构,而且还保持与 PHP 语句的相似性。

if 声明

你可以通过 @if,@elseif,@else和 @endif 指令来使用 if 控制结构,这些指令和 PHP 方法保持一致:@if (count($records) === 1)

I have one record!

@elseif (count($records) > 1)

I have multiple records!

@else

I don't have any records!

@endif

为了方便,Blade 也提供了 @unless 指令:@unless (Auth::check())

You are not signed in.

@endunless

你也可以使用 @hasSection 指令来判断提供给布局的挂件是否包含了内容:

@hasSection('title')

@yield('title') - App Name

@else

App Name

@endif

循环

除了条件声明,Blade 也提供了一些简单指令来支持 PHP 的循环结构。这些指令方法和 PHP 语法相同:@for ($i = 0; $i < 10; $i++)

The current value is {{ $i }}

@endfor

@foreach ($users as $user)

This is user {{ $user->id }}

@endforeach

@forelse ($users as $user)

{{ $user->name }}

@empty

No users

@endforelse

@while (true)

I'm looping forever.

@endwhile

Blade 也提供了终止迭代或取消当前迭代的指令:@foreach ($users as $user)

@if($user->type == 1)

@continue

@endif

{{ $user->name }}

@if($user->number == 5)

@break

@endif

@endforeach

你也可以使用指令声明包含条件的方式来达到中断:@foreach ($users as $user)

@continue($user->type == 1)

{{ $user->name }}

@break($user->number == 5)

@endforeach

包含子视图

你可以使用 @include 指令来包含一个视图的内容,当前视图中的变量也会被共享给子视图:

@include('shared.errors')

尽管子视图会自动继承父视图中的所有数据变量,你也可以直接传递一个数组变量来添加额外的变量到子视图:@include('view.name', ['some' => 'data'])主要:你应该在 Blade 视图中避免使用 __DIR__ 和 __FILE__ 常量,因为它们会解析为视图缓存所在的位置。

为集合渲染视图

你可以使用 Blade 的 @each 指令来在一行中合并引入多个视图:@each('view.name', $jobs, 'job')

第一个参数是数组或集合中每个元素需要被渲染的视图名称。第二个参数是一个数组或集合,被用来提供迭代。而第三个参数是要分配给当前视图的变量名。举个例子,如果你需要遍历一个数组 jobs,通常你想要在局部渲染的视图中使用 job 作为变量来访问 job 信息。

你也可以传递第四个参数到 @each 指令。如果所提供的数组是空数组的话,该参数所提供的视图将会被引入。@each('view.name', $jobs, 'job', 'view.empty')

注释

Blade 也允许你在视图中定义注释,但是它不会在渲染时生成 HTML 注释:{{-- This comment will not be present in the rendered HTML --}}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值