Laravel - Blade模板

Laravel 5.1引入了使用 Blade 这一模板引擎来设计独特布局的概念.这样设计的布局可以被其他视图使用,并且包括一致的设计和结构.

与其他模板引擎相比,Blade在以下方面是独一无二的;&/;

  • 它不限制开发人员在视图中使用纯PHP代码.

  • 这样设计的刀片视图在编译和缓存之前一直被修改.

欢迎刀片

Laravel的完整目录结构显示在此处给出的屏幕截图中.

你可以观察到所有视图都存储在 resources/views 目录中,Laravel框架的默认视图是 welcome.blade.php .

请请注意,其他刀片模板的创建方式也相似.

创建刀片模板布局的步骤

您必须使用以下步骤创建刀片模板布局 :

第1步

  • 内创建布局文件夹资源/视图文件夹.我们将使用此文件夹将所有布局存储在一起.

  • 创建一个文件名 master.blade.php 与之相关的以下代码 :

<html>
   <head>
      <title>DemoLaravel - @yield('title')</title>
   </head>
   <body>
      @yield('content')
   </body>
</html>

步骤2

在此步骤中,您应该扩展布局.扩展布局涉及定义子元素. Laravel使用 Blade @extends 指令来定义子元素.

当您扩展布局时,请注意以下几点;

  • 刀片布局中定义的视图以独特的方式注入容器.

  • 将各种视图部分创建为子元素.

  • 子元素作为 child.blade.php  

此处显示了扩展上面创建的布局的示例 :

@extends('layouts.app')
@section('title', 'Page Title')
@section('sidebar')
   @parent
<p>This refers to the master sidebar.</p>
@endsection
@section('content')
<p>This is my body content.</p>
@endsection

步骤3

要在视图中实现子元素,您应该定义布局在需要的方式.

登陆页面

观察截图这里显示.您可以发现登录页面中提到的每个链接都是超链接.请注意,您还可以使用上面给出的步骤,借助刀片模板将它们创建为子元素.