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 导出数据到淘宝助手CSV的方法分享
Feb 27 PHP
php is_file 判断给定文件名是否为一个正常的文件
May 10 PHP
php去除字符串换行符示例分享
Feb 13 PHP
php中$_GET与$_POST过滤sql注入的方法
Nov 03 PHP
php中实现记住密码下次自动登录的例子
Nov 06 PHP
thinkphp文件引用与分支结构用法实例
Nov 26 PHP
VPS中使用LNMP安装WordPress教程
Dec 28 PHP
Mac系统下使用brew搭建PHP(LNMP/LAMP)开发环境
Mar 03 PHP
详解WordPress中简码格式标签编写的基本方法
Dec 22 PHP
浅谈php处理后端&amp;接口访问超时的解决方法
Oct 29 PHP
Lumen timezone 时区设置方法(慢了8个小时)
Jan 20 PHP
php随机生成验证码,php随机生成数字,php随机生成数字加字母!
Apr 01 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/12/11 PHP
php控制linux服务器常用功能 关机 重启 开新站点等
2012/09/05 PHP
详解WordPress中提醒安装插件以及隐藏插件的功能实现
2015/12/25 PHP
PHPExcel中文帮助手册|PHPExcel使用方法(分享)
2017/06/09 PHP
Yii2.0框架behaviors方法使用实例分析
2019/09/30 PHP
理解JavaScript中的事件
2006/09/23 Javascript
Javascript 获取链接(url)参数的方法[正则与截取字符串]
2010/02/09 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
详解JavaScript函数绑定
2013/08/18 Javascript
jquery实现图片滚动效果的简单实例
2013/11/23 Javascript
node.js中使用socket.io的方法
2014/12/15 Javascript
简单的js计算器实现
2016/10/26 Javascript
jQuery向webApi提交post json数据
2017/01/16 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
js+html5实现复制文字按钮
2017/07/15 Javascript
利用node.js爬取指定排名网站的JS引用库详解
2017/07/25 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
2017/09/15 Javascript
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
JavaScript数组去重算法实例小结
2018/05/07 Javascript
Angular angular-file-upload文件上传的示例代码
2018/08/23 Javascript
vue.js实现二级菜单效果
2019/10/19 Javascript
jquery实现垂直手风琴菜单
2020/03/04 jQuery
[01:02]DOTA2辉夜杯决赛日 CDEC.Y对阵VG赛前花絮
2015/12/27 DOTA
python编程开发之日期操作实例分析
2015/11/13 Python
python实现自动发送报警监控邮件
2018/06/21 Python
python安装scipy的步骤解析
2019/09/28 Python
从numpy数组中取出满足条件的元素示例
2019/11/26 Python
TensorFlow打印输出tensor的值
2020/04/19 Python
HTML5 Canvas像素处理使用接口介绍
2012/12/02 HTML / CSS
html5使用canvas绘制太阳系效果
2014/12/15 HTML / CSS
一些.net面试题
2014/10/06 面试题
中科创达面试题
2016/12/28 面试题
职业技术学校毕业生推荐信
2013/12/03 职场文书
签字仪式主持词
2015/07/03 职场文书
送给客户微信问候语!
2019/07/04 职场文书
Python语言规范之Pylint的详细用法
2021/06/24 Python