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+java实现自动新闻滚动窗口
Oct 09 PHP
一个颜色轮换的简单例子
Oct 09 PHP
php下实现农历日历的代码
Mar 07 PHP
深入解析php之sphinx
May 15 PHP
php curl登陆qq后获取用户信息时证书错误
Feb 03 PHP
Codeigniter通过SimpleXML将xml转换成对象的方法
Mar 19 PHP
分享微信扫码支付开发遇到问题及解决方案-附Ecshop微信支付插件
Aug 23 PHP
PHP中的正则表达式实例详解
Apr 25 PHP
thinkPHP3.2.2框架行为扩展及demo示例
Jun 19 PHP
php微信公众号开发之翻页查询
Oct 20 PHP
php生成静态页面并实现预览功能
Jun 27 PHP
php输出反斜杠的实例方法
Sep 19 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
数字转英文
2006/12/06 PHP
创建配置文件 用PHP写出自己的BLOG系统 2
2010/04/12 PHP
怎样给PHP源代码加密?PHP二进制加密与解密的解决办法
2013/04/22 PHP
phpMyAdmin自动登录和取消自动登录的配置方法
2014/05/12 PHP
使用PHP实现微信摇一摇周边红包
2016/01/04 PHP
Laravel 实现数据软删除功能
2019/08/21 PHP
node.js chat程序如何实现Ajax long-polling长链接刷新模式
2012/03/13 Javascript
js动态添加onload、onresize、onscroll事件(另类方法)
2012/12/26 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
2013/08/02 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
javascript向后台传送相同属性的参数即数组参数
2014/02/17 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
jQuery实现二维码扫描功能
2017/01/09 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
纯原生js实现贪吃蛇游戏
2020/04/16 Javascript
javascript 取小数点后几位几种方法总结
2017/08/02 Javascript
JavaScript中错误正确处理方式小结你用对了吗
2017/10/10 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
2017/10/25 Javascript
Vue组件之单向数据流的解决方法
2018/11/10 Javascript
ionic2.0双击返回键退出应用
2019/09/17 Javascript
JavaScript中的this/call/apply/bind的使用及区别
2020/03/06 Javascript
js实现简单的无缝轮播效果
2020/09/05 Javascript
[03:00]《DAC最前线》之欧美新秀VS老将
2015/02/01 DOTA
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
python开发之for循环操作实例详解
2015/11/12 Python
python 读取dicom文件,生成info.txt和raw文件的方法
2019/01/24 Python
十行代码使用Python写一个USB病毒
2019/06/21 Python
python创建学生成绩管理系统
2019/11/22 Python
Python Des加密解密如何实现软件注册码机器码
2020/01/08 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
什么是虚拟内存?虚拟内存有什么优势?
2012/02/19 面试题
简短证婚人证婚词
2014/01/09 职场文书
班组拓展活动方案
2014/08/14 职场文书
医学专业大学生职业生涯规划书
2014/10/25 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
vue/cli 配置动态代理无需重启服务的方法
2022/05/20 Vue.js