Laravel 5框架学习之Blade 简介

前端技术 2023/09/09 PHP

在多个页面中我们可能包含相同的内容，像是文件头，链接的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有所帮助。

本文地址：https://www.stayed.cn/item/26192

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案