Laravel 5框架学习之Blade 简介

在多个页面中我们可能包含相同的内容,像是文件头,链接的css或者js等。我们可以利用布局文件完成这个功能。

让我们新建一个布局文件,例如 views/layout.blade.php

  <!doctype html>  <html lang="en">  <head>    <meta charset="UTF-8">    <title>Document</title>    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">  </head>  <body>    <div class="container">      @yield('content')    </div>  </body>  </html>  

我们创建了不解的结构,引入了bootstrap,注意 @yield 是blade的布局占位符,未来我们的页面内容将填充到这里,修改 about.blade.php

  @extends('layout')    @section('content')      <h1>About {{ $first }} {{ $last }}</h1>    @stop    

上面的代码表示我们使用布局文件 layout.blade.php, 然后在 content 段中添加内容。

在 routes.php 中添加:

  Route::get('about', 'PagesController@about');  Route::get('contact', 'PagesController@contact');  

在 PagesController.php 中添加:

    public function contact() {      return view('pages.contact');    }  

新建视图 pages/contact.blade.php

  @extends('layout')    @section('content')    <h1>Contact Me!</h1>  @stop    

Check it out!

在布局文件中我们可以添加多个 @yield , 比如在 layout.blade.php 中添加 @yield(‘footer’) :

  <!doctype html>  <html lang="en">  <head>    <meta charset="UTF-8">    <title>Document</title>    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">  </head>  <body>    <div class="container">      @yield('content')    </div>      @yield('footer')  </body>  </html>    

比如 contact.blade.php 中有一段脚本,就可以放在这个段中。

  @extends('layout')    @section('content')    <h1>Contact Me!</h1>  @stop    @section('footer')    <script>      alert('Contact from scritp')    </script>  @stop    

访问contact会有对话框,而about仍然是普通显示

使用 @if 进行判断

  @extends('layout')    @section('content')    @if ($first = 'Zhang')      <h1>Hello, Zhang</h1>    @else      <h1>Hello, nobody</h1>    @endif  @stop    

也可以视同 @unless 等同于 if !, 还有 @foreach 等。

    public function about()    {      $people = [        'zhang san',        'li si',        'wang wu'      ];      return view('pages.about', compact('people'));    }  @extends('layout')    @section('content')    <h1>Person:</h1>    <ul>      @foreach($people as $person)        <li>{{ $person }}</li>      @endforeach    </ul>  @stop    

有一种情况,数据可能来自数据库,集合可能是空,像是这样:

$people = [];

处理这种情况,请添加 @if 处理

  @extends('layout')    @section('content')    @if (count($people))      <h1>Person:</h1>      <ul>        @foreach($people as $person)          <li>{{ $person }}</li>        @endforeach      </ul>    @endif      <h2>Other info</h2>  @stop    

That’s better.

以上所述就是本文的全部内容了,希望能够对大家学习Laravel5有所帮助。

Laravel 5框架学习之Blade 简介

郑重声明:本网站发布的内容(图片、视频和文字)以及用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服

发表评论

登录后才能评论