Laravel - 刀片模板

  • 简述

    Laravel 5.1 引入了使用的概念Blade,一个用于设计独特布局的模板引擎。由此设计的布局可以被其他视图使用,并且包括一致的设计和结构。
    与其他模板引擎相比,Blade 在以下方面是独一无二的 -
    • 它不限制开发人员在视图中使用纯 PHP 代码。
    • 由此设计的刀片视图被编译和缓存,直到它们被修改。
    欢迎刀片
    Laravel 的完整目录结构如此处给出的屏幕截图所示。
    您可以观察到所有视图都存储在resources/views目录,Laravel 框架的默认视图是welcome.blade.php.
    请注意,其他刀片模板也以类似方式创建。
  • 创建刀片模板布局的步骤

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

    第2步

    • 在里面创建一个layout文件夹resources/views文件夹。我们将使用此文件夹将所有布局存储在一起。
    • 创建文件名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步

    要在视图中实现子元素,您应该按照需要的方式定义布局。
    登陆页面
    观察此处显示的屏幕截图。您可以发现登陆页面中提到的每个链接都是超链接。请注意,您还可以使用上面给出的过程,借助刀片模板将它们创建为子元素。