Laravel 5框架学习之Blade 简介

 更新时间:2015年04月08日 09:23:35   投稿:hebedich  
本文给大家带来的是Laravel5框架学习系列文章的第4篇,主要向大家简单介绍下Blade,为什么要介绍它呢,因为laravel的模版引擎采用了blade模版引擎,so....

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

相关文章

  • CI框架自动加载session出现报错的解决办法

    CI框架自动加载session出现报错的解决办法

    很多程序员在CI中使用session的时候,开启自动加载session之后网站就报错了,这篇文章主要介绍了CI框架自动加载session出现报错的解决办法,需要的朋友可以参考下
    2014-06-06
  • codeigniter显示所有脚本执行时间的方法

    codeigniter显示所有脚本执行时间的方法

    这篇文章主要介绍了codeigniter显示所有脚本执行时间的方法,涉及codeigniter中elapsed_time方法与{ elapsed_time}伪变量的使用技巧,需要的朋友可以参考下
    2015-03-03
  • php实现微信发红包功能

    php实现微信发红包功能

    这篇文章主要为大家详细介绍了php实现微信发红包功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • php 无限级数据JSON格式及JS解析

    php 无限级数据JSON格式及JS解析

    公司要做个Flash效果的页面,需要个无限级树,显示用户邀请的好友及其下线,由此就构成了无限级的关系,可能下线有无限多。
    2010-07-07
  • php  PATH_SEPARATOR判断当前服务器系统类型实例

    php PATH_SEPARATOR判断当前服务器系统类型实例

    这篇文章主要介绍了php PATH_SEPARATOR判断当前服务器系统类型实例的相关资料,需要的朋友可以参考下
    2016-10-10
  • Laravel 5框架学习之Blade 简介

    Laravel 5框架学习之Blade 简介

    本文给大家带来的是Laravel5框架学习系列文章的第4篇,主要向大家简单介绍下Blade,为什么要介绍它呢,因为laravel的模版引擎采用了blade模版引擎,so....
    2015-04-04
  • 用 Composer构建自己的 PHP 框架之使用 ORM

    用 Composer构建自己的 PHP 框架之使用 ORM

    经过前三篇文章 基础准备 、 构建路由 和 设计 MVC ,我们已经得到了一个结构比较完整的 MVC 架构的 PHP 微框架,但是距离一个真正能够上手使用的框架还差一样东西: 数据库封装 ,本篇就将讲述如何集成一个 ORM Composer 包
    2014-10-10
  • yii2 上传图片的示例代码

    yii2 上传图片的示例代码

    这篇文章主要介绍了yii2 上传图片的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • Laravel 5框架学习之子视图和表单复用

    Laravel 5框架学习之子视图和表单复用

    本文给大家主要介绍的是Laravel5框架中的子视图以及表单复用的用法,十分的细致全面,对于大家熟练掌握Laravel5框架非常有帮助,有需要的小伙伴可以参考下
    2015-04-04
  • PHP获取音频文件的相关信息

    PHP获取音频文件的相关信息

    这篇文章主要介绍了PHP获取音频文件的相关信息的相关资料,非常的实用,有需要的小伙伴可以参考下。
    2015-06-06

最新评论