lavarel模板引擎blade学习
blade 模板学习
特点
主要的两个优点是:模板继承和区块
继承页面布局
布局文件(layout.php) + 详情文件 (page.php) 的组合,即一般到具体的组合。在blade文件之中的体现为:
在详情视图文件之中“继承”布局文件。如:
在详情文件(page.php)头部使用命令@extend(“layout.php”)
在yii或handbar模版之中,都有占位符,同样地也类似于vue之中的父子组件之间的传值,在blade模版之中,在父模版之中@yield命令来显示子模板之中的区块名,并且在子模板以@section()和@endsection()来“声明”区块。(基于这个继承关系,姑且称为父模板与子模板)。
此外,blade支持{{ $name }},这样的类似其他模版引擎的语法引入变量。而容易与前端的模板引擎冲突,如arttemplate(简明语法),vue的取值表达式相互冲突,blade提供的解决方案是:在双花括号之前加上@,eg:
<h1>laravel</h>
halo,@{{name}}
当大片使用javascript变量的时候,可以使用@verbatim指令包裹html内容,这样就不需要为每个需要解析的变量增加@符号前缀:
@verbatim
<div class ="container">
Hello,{{name}}
</div>
@endverbatim
结构控制
/*if ...else ...*/
@if(count($records) === 1)
我有一条记录!
@elseif(count($records > 1))
我有多条记录!
@else
我没有任何记录!
@endif
/*for... foreach... empty... empty...*/
@for($i = 0 ; $i < 10 ; $i++>)
目前的值为 {{ $i }}
@endfor
@foreach($users as $user)
<p>此用户为 {{ $user->id }}</p>
@endforeach
@empty
<p>没有用户</p>
@empty
@while(true)
dead loop
@endwhile
在循环之中,可以使用$loop这个预定义的变量来获取一些关于循环的一些特效,特别的是在嵌套循环之中,可以通过$loop预定义对象来的parent来获取父循环中的$loop变量。如:
@foreach ($users as $user)
@foreach($user->posts as $post)
@if($loop->parent->first)
This is first iteration of the parent loop.
@endif
@endforeach
@endforeach
$loop 这个预定义变量包含的属性如下。
属性 | 描述 |
---|---|
$loop->index | 当前循环所迭代的索引,起始为 0。 |
$loop->iteration | 当前迭代数,起始为 1。 |
$loop->remaining | 循环中迭代剩余的数量。 |
$loop->count | 被迭代项的总数量。 |
$loop->first | 当前迭代是否是循环中的首次迭代。 |
$loop->last | 当前循环的嵌套深度。 |
$loop->depth | 当前循环所迭代的索引,起始为 0。 |
$loop->parent | 当在嵌套的循环内时,可以访问到父循环中的 $loop 变量。 |
php
当在页面之中引用少量的php代码的时候,可使用@php指令。如
@php
// php codes go here...
@endphp
引入子视图
blade的@include命令来引用已存在的视图,所有在父试图的可用变量在被引入的视图中都是可用的。如:
<div>
@include('shared.errors')
<from>
<!-- 表单内容 -->
</from>
</div>
除了继承父试图中的所有数据,也可以通过传递额外的数组数据至被引用的页面:
@include('view.name',['some'=>'data'])
其他blade 功能不常用,不做分析...
lavarel模板引擎blade学习的更多相关文章
- Laravel 模板引擎Blade中标签详细介绍
这篇文章主要介绍了Laravel模板引擎Blade中section的一些标签的区别介绍,需要的朋友可以来看看. Laravel 框架中的Blade模板引擎很好用,但是官方文档介绍的并不详细,我接下来将 ...
- laravel使用的模板引擎 blade
使用blade引擎的话必须在控制器中使用use Blade
- Laravel模板引擎Blade中section的一些标签的区别介绍
Laravel 框架中的 Blade 模板引擎,很好用,但是在官方文档中有关 Blade 的介绍并不详细,有些东西没有写出来,而有些则是没有说清楚.比如,使用中可能会遇到这样的问题: 1.@yield ...
- Laravel中的模板引擎Blade
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 模板引擎Velocity学习系列-#set指令
#set指令 #set指令用于向一个变量或者对象赋值. 格式: #set($var = value) LHS是一个变量,不要使用特殊字符例如英文句号等,不能用大括号括起来.测试发现#set($user ...
- 模板引擎jade学习
语言参考 标签列表 doctype Tags Block Expansion Attributes Boolean Attributes Class Attributes Class Literal ...
- php模板引擎之blade
一.简介模板引擎 模板引擎是将网站的页面设计和PHP应用程序几乎完全分离的一种解决方案,它能让前端工程师专注页面搭建,让后台工程师专注功能实现,以便实现逻辑分离,让每个人发挥所长.模板引擎技术的核心是 ...
- 深入浅出之Smarty模板引擎工作机制(二)
源代码下载地址:深入浅出之Smarty模板引擎工作机制 接下来根据以下的Smarty模板引擎原理流程图开发一个自己的模板引擎用于学习,以便加深理解. Smarty模板引擎的原理,其实是这么一个过程: ...
- 【转链接】Handlebars模板引擎以及浅谈模板引擎的实现原理
什么叫做“模板引擎“?我是这么理解的:就是对一些待填入数据的占位符的解析.如果你使用过Python的django框架,那你肯定是模板一点也不陌生.模板引擎就是解析模板的,把后端数据塞到前端页面模板. ...
随机推荐
- Dockerfile构建镜像
Dockerfile构建镜像的步骤: 从基础镜像运行一个容器 执行一条指令,对容器做出修改 执行类似docker commit的操作,提交一个新的镜像层 再基于刚提交的镜像运行一个新的容器 执行Doc ...
- C#+三层+会员管理系统源码
本打算上51aspx的 但是他们说我做的太简单..,那我还是拿出来共享给大家 源码下载地址 链接:http://pan.baidu.com/s/1boAwv2R 密码:ycrf 源码描述:一.源码 ...
- Mysql密码忘记了怎么办?
停止mysql: sudo /etc/init.d/MySQL stop(可能有其它的方法,总之停止MySQLd的运行就可以了) 修改mysql的配置文件: 在/etc/mysql/mysql.con ...
- EF CodeFirst(四) 关系
数据库表之间有一对一 一对多 多对多关系.那同样,CodeFirst也要能分析这些类之间的这些关系. CodeFirst可以自动通过分析类之间的属性导航属性 从而得出类之间的关系,自动确定外键. 一 ...
- 【学习笔记】--- 老男孩学Python,day5 列表 元祖
今日主要内容1. list(增删改查) 列表可以装大量的数据. 不限制数据类型. 表示方式:[] 方括号中的每一项用逗号隔开 列表和字符串一样.也有索引和切片 常用的功能: 1. 增: append( ...
- 绘图:Matplotlib
用于绘制一些数据图,同学推荐的,挺好用.非常好的官网文档:http://matplotlib.org/contents.html 0. 安装 可以直接pip install,还有一些依赖就按照提示来吧 ...
- 洛谷P2045 方格取数加强版(费用流)
题意 题目链接 Sol 这题能想到费用流就不难做了 从S向(1, 1)连费用为0,流量为K的边 从(n, n)向T连费用为0,流量为K的边 对于每个点我们可以拆点限流,同时为了保证每个点只被经过一次, ...
- AngularJS学习之 登录表单 清爽验证(边学边更新)
注册过程的确好多需要验证的,但是注册成功之后的登录就简单多了, 只要用户 输入 用户名和密码, ajax向后台提交登录请求, 根据返回的结果确定用户名或者密码是否正确即可登录. 所以这个登录表单的验证 ...
- SD从零开始03-04
[原创]SD从零开始3 SD中的主数据 客户主数据Customer master(分层维护) 一般数据general data: 与销售和财务都有关,对所有的组织单元有效: 销售区域数据sales a ...
- MSCRM中报表开发一:创建基于SQL报表
1. 新建报表项目.打开SQL Server Business Intelligence Development Studio,点击 文件 > 新建 > 项目,项目类型选择 商 ...