Laravel 5 基础(四) Blade 简介

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

更多相关文章
  • Laravel 框架中的 Blade 模板引擎,很好用,但是在官方文档中有关 Blade 的介绍并不详细,有些东西没有写出来,而有些则是没有说清楚.比如,使用中可能会遇到这样的问题: 1.@yield 和 @sect
  • 2013年09月29日 星期日 11时35分58秒 Linux 是一个区别于Windows的操作系统 Linux 是一个多用户的操作系统 Linux 系统通过账号区分不同的用户 在使用Linux系统的过程中主要通过终端窗口和计算机进行交互 whoami 命令可以查询当前使用的账户 clear  命令 ...
  • Laravel模板引擎Blade中section的一些标签的区别介绍 主要介绍了Laravel模板引擎Blade中section的一些标签的区别介绍,本文讲解了@yield 与 @section.@show 与 @stop.@append 和 @override的区别,需要的朋友可以参考下. Lar
  • Eloquent ORM 简介 基本用法 集体赋值 插入.更新.删除 软删除 时间戳 查询范围 关系 查询关系 预先加载 插入相关模型 触发父模型时间戳 与数据透视表工作 集合 访问器和调整器 日期调整器 模型事件 模型观察者 转为数组或JSON 简介 Laravel 自带的 Eloquent OR ...
  • 29 GroupSock(NetAddressList)——live555源碼閱讀(四)網路
    29 GroupSock(NetAddressList)——live源码阅读(四)网络 2
  • 


    		    5 Apache网站服务基础
    Apache网站服务基础 一 Apache简介 "Apache HTTP Server"是开源软件项目的杰出代表,基于标准的HTTP网络协议提供网页浏览服务,在web服务器领域中长期保持着超过半数的份额.可以运行在Linux.Unix.Windows等多种操作系统平台中. 1 主 ...
  • 40 網路相關函數(八)——live555源碼閱讀(四)網路
    40 网络相关函数(八)——live源码阅读(四)网络 40 网络相关函数(八)——liv
  • 39 网络相关函数(七)——live源码阅读(四)网络 39 网络相关函数(七)——live源码阅读(四)网络 简介 14)readSocket从套接口读取数据 recv/recvfrom 函数 函数原型: 参数说明
一周排行
  • 新的HTML5标准允许你在普通的元素标签里,嵌入类似data-*的属性,来实现一些简单数据的存取.它的数量不受限制,并且也能由javascript动态修改,也支持CSS选择器进行样式设置.这使得data属性特别灵活, ...
  • FromToGMAP 1.4 Mail Redirect 0.7.8 MinisizeToTray revived 1.1.2 Nightly Tester Tools 3.7 Thunderbrid Convers
  • OD: Kernel Vulnerabilities
    内核漏洞概述   内核漏洞的分类 运行在 Ring0 上的操作系统内核.设备驱动.第三方驱
  • 一道经典Dp. 定义dp[i][j] 表示由i个节点,j 层高度的累计方法数 状态转移方程为: 用i个点组成深度最多为j的二叉树的方法树等于组成左子树的方法数 乘于组成右子树的方法数再累计. & / \ @ ...
  • Codeforces Round #209 (Div. 2)
    A: 要么是两次要么4次,判断是否在边界: 1 #include<cstdio> ...
  • 轉Windows Shell 編程 第九章 來源:http://blog.csdn.net/wangqiulin123456/article/details/7987969
    第九章 图标与Windows任务条          如果问一个非程序人员Windows最
  •   九 h264 RTP传输详解(1)   前几章对Server端的介绍中有个比较重要的问题没有仔细探究:如何打开文件并获得其SDP信息.我们就从这里入手吧.当RTSPServer收到对某个媒体的DESCRIBE请求 ...
  • 在编写下啦刷新的项目代码的时候,在Listview的HeaderView中的head.xml文件中,根布局为RelativeLayout的时候,在计算headerView.measure的时候,出现空指针异常,当将更
  • 父页面: <td nowrap> 合同名称: </td> <td colspan="2" nowrap> <param:popup clientCondi ...
  • 简介 官方网站:http://www.mplayerhq.hu/design7/dload.html Mplayer的特点是支持的格式相当多(当然,需要安装win32解码器,这样xine也可以支持更多格式),采用与W ...