Blade模板简介

问: 什么是Blade模板?

答: Blade模板是Laravel提供一个既简单又强大的模板引擎;
和其他流行的PHP模板引擎不一样,他并不限制你在视图里使用原生PHP代码;
所有Blade视图页面都将被编译成原生的PHP代码并缓存起来,除非你的模板文件被修改,否则不会重新编译。
而这些都意味着Blade不会给我们增加任何负担。

在其他框架中,分页可能是件非常痛苦的事,Laravel 让这件事变得简单、易于上手。Laravel 的分页器与查询构建器和 Eloquent ORM 集成在一起,并开箱提供方便的、易于使用的、基于数据库结果集的分页。分页器生成的 HTML 兼容 Bootstrap CSS 框架。

基本使用

基于查询构建器进行分页 有多种方式实现分页功能,最简单的方式就是使用查询构建器或 Eloquent 查询提供的 paginate 方法。该方法基于当前用户查看页自动设置合适的偏移(offset)和限制(limit),直白点说就是页码和每页显示数量。默认情况下,当前页通过 HTTP 请求查询字符串参数 page 的值判断。当然,该值由 Laravel 自动检测,然后自动插入分页器生成的链接中。

让我们先来看看如何在查询中调用 paginate 方法。在本例中,传递给 paginate 的唯一参数就是你每页想要显示的数目,这里我们指定每页显示 15 个:

<"color: #ff0000">简单分页

如果你只需要在分页视图中简单的显示“下一页”和“上一页”链接,可以使用 simplePaginate 方法来执行一个更加高效的查询。在渲染包含大数据集的视图且不需要显示每个页码时这一功能非常有用:

$users = DB::table('users')->simplePaginate(15);

显示分页结果

当调用 paginate 方法时,你将获取Illuminate\Pagination\LengthAwarePaginator 实例,而调用方法simplePaginate 时,将会获取 Illuminate\Pagination\Paginator 实例。这些对象提供相关方法描述这些结果集,除了这些辅助函数外,分页器实例本身就是迭代器,可以像数组一样对其进行循环调用。所以,获取到结果后,可以按如下方式使用 Blade 显示这些结果并渲染页面链接:

<div class="container">
 @foreach ($users as $user)
 {{ $user->name }}
 @endforeach
</div>

{{ $users->links() }}

links 方法将会将结果集中的其它页面链接渲染出来。每个链接已经包含了 page 查询字符串变量。记住,render 方法生成的 HTML 兼容 Bootstrap CSS 框架。

带条件的分页

public function index()
{
 $type = $this->request->get('type',1);
 $users = DB::table('users')->where(function ($query) use ($type) {
 if($type) {
  $query->where('type', $type);
 }
 })->paginate(15);
 return view('user.index', ['users' => $users]);
}
]

<div class="container">
 @foreach ($users as $user)
 {{ $user->name }}
 @endforeach
</div>

{!! $list->appends(['type'=>$type])->links() !!}

知识点补充:

Laravel框架中Blade模板的用法

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

1.1 继承

1、定义父模板 Laravel/resources/views/base.blade.php

2、子模板继承 @extends('base')

1.2 片段

1、父模板定义片段

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

2、子模板填充片段

@section('part')
 // 片段填充内容(后台的表单、列表等)
@endsection

1.3 占位

1、父模板占位

@yield('title')

2、子模板填充占位

第一种填充(文本): 

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

第二种填充(文本 or html)

 @section('title')
 // 填充的占位
 @endsection

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>

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 打印内容并带一个默认值

{{ $var or 'default' }}

2.4 原格式输出

// 第一种(适合量不多):
 @{{ name }}

// 第二种(适合量多):
 @verbatim
 {{ name }}
 {{ sex }}
 {{ age }}
 @endverbatim

3. 流程控制

3.1 for

@for ($i = 0; $i < 10; ++$i)
 {{ $i }} <br />
@endfor

3.2 foreach

@foreach ($data as $k => $v)
 {{ $k }} <br />
@endforeach

3.3 forelse

@foreach ($data as $k => $v)
 // $data有值
 {{ $k }} <br />
@empty
 // $data没有值
@endforeach

3.4 if

@if(condition) - if开始

@else - else不带条件

@elseif(condition) - else带条件

@endif - 结束if

3.5 while

@while(condition) - while循环开始

@endwhile - while循环结束

3.6 unless

@unless(condition) - unless开始
@endunless - unless结束

4. 使用原生 PHP

@php 
 // 里面写php代码
 echo "使用原生 PHP";
@endphp

5. 包含子视图

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

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

<!-- 包含子视图 -->
@include("child" , [
"other" => "额外数据"
])

总结

华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。