Laravel框架中Blade模板的用法示例


Posted in PHP onAugust 30, 2017

简介

Blade它不像其他流行的 PHP 模板引擎那样限制你在视图中使用原生的 PHP 代码,事实上它就是把 Blade 视图编译成原生的 PHP 代码并缓存起来。缓存会在 Blade 视图改变时而改变,这意味着 Blade 并没有给你的应用添加编译的负担。Blade 视图文件使用 .blade.php 后缀,一般情况下都被存储在 resources/views 目录。

1. 继承、片段、占位、组件、插槽

1.1 继承

1.1.1 定义父模板

Laravel/resources/views/base.blade.php

1.1.2 子模板继承

路径:Laravel/resources/views/child.blade.php

@extends('base')

1.2 片段

1.2.1 父模板定义片段

@section('part')
// 中间内容即使一个片段
@show

1.2.2 子模板填充片段

@section('part')

片段填充内容

@endsection

1.3 占位

1.3.1 父模板占位:

@yield('title')

1.3.2 子模板填充占位

第一种填充(文本):

@section('title' , '填充的文本占位')

第二种填充(文本 or html)

@section('title')

填充的占位

@endsection

1.4 组件、插槽

1.4.1 定义组件

路径:Laravel/resources/views/component.blade.php

<div class='component'>
 <!-- $title,$content 变量实际上就是预定义的插槽 -->
 <div class='title'>{{ $title }}</div>
 <div class='content'>{{ $content }}</div>
</div>

1.4.2 使用组件

路径:Laravel/resources/views/test.blade.php

@component('component')
 @slot('title')
  组件标题
 @endsolt
 
 @slot('content')
  组件内容
 @endslot
@endcomponent

2. 数据显示

2.1 转义输出

{{ $name }}

2.2 未转义输出

{!! $name !!}

2.3 原格式输出

第一种(适合量不多):

@{{ name }}

第二种(适合量多):

@verbatim
{{ name }}
{{ sex }}
{{ age }}
@endverbatim

3. 流程控制

3.1 for

注意:

  • 没有 $loop 变量
  • 没有 @empty
  • 有 @break
  • 有 @continue
@for ($i = 0; $i < 10; ++$i)
 {{ $i }} <br />
@endfor

3.2 foreach

注意:

  • 有 $loop 变量
  • 没有 @empty
  • 有 @break
  • 有 @continue
@foreach ($data as $k => $v)
 {{ $k }} <br />
@endforeach

3.3 forelse

注意:

  • 有 $loop 变量
  • 必须有 @empty
  • 有 @break
  • 有 @continue
@foreach ($data as $k => $v)
 {{ $k }} <br />
@empty

    数组没有数据

@endforeach

4. 使用原生 PHP

@php 
echo "使用原生 PHP";
@endphp

5. 包含子视图

注意

  • 被包含的子视图可以引用父视图定义的所有变量。
  • 你可以传递额外的数据到子视图

定义父视图 parent.blade.php,并包含子视图 child.blade.php,且传入额外数据

/**
 * 父视图
 * 父视图拥有变量 $name = 'chenxuelong'
 */

<div class='parent'>
 <div class='username'>{{ $username }}</div>
 <div class='child'>
  <!-- 包含子视图 -->
  @include('child' , [
   'other' => '额外数据'
  ])
 </div>
</div>

/**
 * 子视图
 */
 <div class='username'>{{ $username }}</div>
 <div class='other'>{{ $other }}</div>

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

PHP 相关文章推荐
main.php
Dec 09 PHP
一个php导出oracle库的php代码
Apr 20 PHP
php操作sqlserver关于时间日期读取的小小见解
Nov 29 PHP
windows下开发并编译PHP扩展的方法
Mar 18 PHP
php中过滤非法字符的具体实现
Oct 29 PHP
php使用memcoder将视频转成mp4格式的方法
Mar 12 PHP
php清除和销毁session的方法分析
Mar 19 PHP
详解PHP中的PDO类
Jul 06 PHP
php实现的Curl封装类Curl.class.php用法实例分析
Sep 25 PHP
JSON字符串传到后台PHP处理问题的解决方法
Jun 05 PHP
PHP实现的pdo连接数据库并插入数据功能简单示例
Mar 30 PHP
php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析
Mar 02 PHP
php实现支持中文的文件下载功能示例
Aug 30 #PHP
利用PHPStorm如何开发Laravel应用详解
Aug 30 #PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
Aug 29 #PHP
PHP单例模式与工厂模式详解
Aug 29 #PHP
PHP迭代与递归实现无限级分类
Aug 28 #PHP
yii2中LinkPager增加总页数和总记录数的实例
Aug 28 #PHP
PHP大文件分割上传 PHP分片上传
Aug 28 #PHP
You might like
CodeIgniter实现更改view文件夹路径的方法
2014/07/04 PHP
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
PHP的Yii框架的基本使用示例
2015/08/21 PHP
php使用pdo连接sqlite3的配置示例
2016/05/27 PHP
JavaScript调用Activex控件的事件的实现方法
2010/04/11 Javascript
基于socket.io和node.js搭建即时通信系统
2014/07/30 Javascript
微信小程序 数据访问实例详解
2016/10/08 Javascript
微信小程序  网络请求API详解
2016/10/25 Javascript
Node.js中process模块常用的属性和方法
2016/12/13 Javascript
JavaScript中匿名函数的递归调用
2017/01/22 Javascript
使用jquery datatable和bootsrap创建表格实例代码
2017/03/17 Javascript
HTML5+jQuery实现搜索智能匹配功能
2017/03/24 jQuery
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
vue项目中应用ueditor自定义上传按钮功能
2018/04/27 Javascript
JS控制只能输入数字并且最多允许小数点两位
2019/11/24 Javascript
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
2020/04/24 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
2020/09/11 Javascript
ant design pro中可控的筛选和排序实例
2020/11/17 Javascript
Python+微信接口实现运维报警
2016/08/27 Python
python numpy 矩阵堆叠实例
2020/01/17 Python
python中元组的用法整理
2020/06/15 Python
open_basedir restriction in effect. 原因与解决方法
2021/03/14 PHP
SmartBuyGlasses美国官网:太阳眼镜和眼镜
2017/08/20 全球购物
倩碧香港官方网站:Clinique香港
2017/11/13 全球购物
函授毕业生的自我鉴定
2013/11/26 职场文书
毕业生就业自荐信
2013/12/04 职场文书
书香校园活动方案
2014/02/28 职场文书
理发店策划方案
2014/06/05 职场文书
大学生工作自荐书
2014/06/16 职场文书
霸气队列口号
2014/06/18 职场文书
带香烟到学校抽的检讨书
2014/09/25 职场文书
2015年度团总支工作总结
2015/04/23 职场文书
污水处理保证书
2015/05/09 职场文书
公司辞职信模板
2015/05/13 职场文书
政审证明材料
2015/06/19 职场文书
2015领导干部廉洁自律工作总结
2015/07/23 职场文书