• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

Laravel 5框架学习之Blade 简介

php 搞代码 4年前 (2022-01-01) 40次浏览 已收录 0个评论

本文给大家带来的是Laravel5框架学习系列文章的第4篇,主要向大家简单介绍下Blade,为什么要介绍它呢,因为laravel的模版引擎采用了blade模版引擎,so….

在多个页面中我们可能包含相同的内容,像是文件头,链接的css或者js等。我们可以利用布局文件完成这个功能。

让我们新建一个布局文件,例如 views/layout.blade.php

   <title>Document</title> <div class="container"> @yield('content') </div>

我们创建了不解的结构,引入了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’) :

   <title>Document</title> <div class="container"> @yield('content') </div> @yield('footer') 

比如 contact.blade.php 中有一段脚本,就可以放在这个段中。

 @extends('layout') @section('content'<strong style="color:transparent">来源gaodai#ma#com搞@@代~&码网</strong>) <h1>Contact Me!</h1> @stop @section('footer')  @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有所帮助。

以上就是Laravel 5框架学习之Blade 简介的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Laravel 5框架学习之Blade 简介

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址