Laravel 5框架学习之Blade 简介


Posted in PHP onApril 08, 2015

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

PHP 相关文章推荐
PHP 和 COM
Oct 09 PHP
php在字符串中查找另一个字符串
Nov 19 PHP
在php中判断一个请求是ajax请求还是普通请求的方法
Jun 28 PHP
discuz程序的PHP加密函数原理分析
Aug 05 PHP
浏览器关闭后,能继续执行的php函数(ignore_user_abort)
Aug 01 PHP
基于PHP常用字符串的总结(待续)
Jun 07 PHP
关于PHP session 存储方式的详细介绍
Jun 25 PHP
php用正则表达式匹配中文实例详解
Nov 06 PHP
Thinkphp模板标签if和eq的区别和比较实例分析
Jul 01 PHP
php及codeigniter使用session-cookie的方法(详解)
Apr 06 PHP
PHP CURL与java http使用方法详解
Jan 26 PHP
解决Laravel使用验证时跳转到首页的问题
Nov 17 PHP
Laravel 5框架学习之向视图传送数据(进阶篇)
Apr 08 #PHP
Laravel 5框架学习之向视图传送数据
Apr 08 #PHP
Laravel 5框架学习之路由、控制器和视图简介
Apr 07 #PHP
Laravel 5框架学习之Laravel入门和新建项目
Apr 07 #PHP
php生成圆角图片的方法
Apr 07 #PHP
php按单词截取字符串的方法
Apr 07 #PHP
php生成zip文件类实例
Apr 07 #PHP
You might like
PHP 各种排序算法实现代码
2009/08/20 PHP
event.srcElement+表格应用
2006/08/29 Javascript
jquery ready(fn)事件使用介绍
2013/08/21 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
2014/01/03 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
2014/01/24 Javascript
jquery实现带二级菜单的导航示例
2014/04/28 Javascript
angularJS中router的使用指南
2015/02/09 Javascript
JavaScript中的lastIndexOf()方法使用详解
2015/06/06 Javascript
JS实现霓虹灯文字效果的方法
2015/08/06 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
一起学写js Calender日历控件
2016/04/14 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
angular4自定义组件详解
2017/09/28 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
2017/10/31 Javascript
解决vue打包项目后刷新404的问题
2018/03/06 Javascript
在Mac下彻底卸载node和npm的方法
2018/05/16 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
2019/09/06 Javascript
js实现右键弹出自定义菜单
2020/09/08 Javascript
[01:55]2014DOTA2国际邀请赛 BBC正赛第一天总结
2014/07/10 DOTA
在python中实现对list求和及求积
2018/11/14 Python
Python虚拟环境venv用法详解
2020/05/25 Python
HTML5时代CSS设置漂亮字体取代图片
2014/09/04 HTML / CSS
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
HTML5 canvas基本绘图之图形组合
2016/06/27 HTML / CSS
美国受欢迎的眼影品牌:BH Cosmetics
2016/10/25 全球购物
无谷物狗粮:Pooch & Mutt
2018/05/23 全球购物
银河香水:Galaxy Perfume
2019/03/25 全球购物
一家外企的面试题目(C/C++面试题,C语言面试题)
2014/03/24 面试题
Delphi软件工程师试题
2013/01/29 面试题
外贸实习生自荐信范文
2013/11/24 职场文书
运动会开幕式邀请函
2014/02/03 职场文书
保护环境建议书作文400字
2015/09/14 职场文书
pytorch MSELoss计算平均的实现方法
2021/05/12 Python
2021年最新用于图像处理的Python库总结
2021/06/15 Python
nginx之内存池的实现
2022/06/28 Servers