Laravel 5.1 框架Blade模板引擎用法实例分析

吾爱主题 阅读:124 2021-09-26 13:35:00 评论:0

本文实例讲述了Laravel 5.1 框架Blade模板引擎用法。分享给大家供大家参考,具体如下:

为什么要使用blade 它是干什么用的?

blade模板引擎使我们写HTML页面的地方,使用它是因为它能给我们提供很多的遍历,减少代码的重复率 提高开发效率。我们写blade的路径是 resources/view 下,它的文件名后缀是blade.php。

1 继承

继承是相当爽的,它可以从主模板继承所有代码,以免大量的代码重复。这样说比较片面,具体看眼代码吧。

1.1 模板继承拓展 代码片段

首先先创建一个 admin/layout.blade.php:

?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 <!DOCTYPE html> <html> <head>    <title>Learn Laravel-- @yield( 'title' )</title> </head> <body>    @section( 'navibar' )      The master navigation bar    @show    <div class = "container" >      @yield( 'content' )    </div> </body> </html>

然后创建 admin/home.blade.php 继承自layout:

?
1 2 3 4 5 6 7 8 9 10 11 @ extends ( 'admin.layout' ) @section( 'title' )    Home @endsection @section( 'navibar' )    @parent    <p>增加别的代码 不是完全覆盖</p> @endsection @section( 'content' )    <p>Content body</p> @endsection

注册路由 实现控制器方法并展示

?
1 2 3 4 5 6 7 Route::group([ 'prefix' => 'admin' , 'namespace' => 'Admin' ], function (){    Route::resource( '/' , 'HomeController' ); });    public function index()    {      return view( 'admin.home' );    }

总结: 好了 现在咱先看layout代码 它初始定义了一个HTML简单的模板,在需要拓展的地方都加上了@yield关键字 这代表可填充的一块儿代码片段区域,而@section(navi)是声明了一段片段 然后通过@show来展示。

然后我们创建了home文件,它可以继承自layout 通过@extends() 继承之后就可以使用@section填充layout中的@yield的了,一个yield对应着一个section,关于layout中的@section(navi) 在home中也进行了补充 因为使用了@parent关键字,代表着不覆盖父模板的代码片段 而是在父模板的代码片段最后追加代码,当然啦 如果你要是去掉@parent关键字就会覆盖掉。

如果这么说你还是不明白的话,打开编译器敲一遍 看看结果就清楚了。

1.2 引入一段代码

这也是blade相当强大的地方 当你写了一段HTML之后呢 发现其中有些内容在别的页面下重用率很高,你完全可以把它抽出来放在另一个blade中,然后每当你要使用这段代码时使用@include引入就行了。

首先我们先来创建一个 some.blade.php(至于放在哪里随你便) :

?
1 < p >这只是一个演示 所以不浪费时间写太多的HTML</ p >

然后在home中引用它吧:

?
1 2 3 4 5 6 7 8 9 10 11 12 @ extends ( 'admin.layout' ) @section( 'title' )    Home @endsection @section( 'navibar' )    @parent    <p>增加别的代码 不是完全覆盖</p> @endsection @section( 'content' )    @ include ( 'admin.some' )    <p>Content body</p> @endsection

2 数据展示

这段说说如何将数据传入到一个视图 然后将它展示到页面上。

2.1 数据传入

数据传入有两种种方法 先说第一种 数组方式:

?
1 2 3 4 5 6 7    public function index()    {      $name = 'K' ;      return view( 'admin.home' , compact( 'name' ));      // 也可以这么写 //    return view('admin.home', ['name' => $name]);    }

第二种方法是with方法:

?
1 2 3 4 5 public function index() {    $name = 'K' ;    return view( 'admin.home' )->with( 'name' , $name ); }

2.2 展示数据

第一种展示方法 {{ }},用双花括号括起来就可以展示传入blade模板的变量,在{{ }} 里是可以使用PHP代码的:

?
1 < p >用户:{{ $name }}</ p >

第二种展示方法{!!  !!},它是不经过htmlentities函数处理的,所以说你传递的数据是html数据的话 可以使用这种方法:

?
1 2 return view( 'admin.home' )->with( 'name' , '<h1>K</h1>' ); <p>用户:{!! $name !!}</p>

3 控制语句

blade模板为了最大化使代码简洁呢 它本身自带了很多控制语句 这跟咱学的PHP很类似,就是if啊 foreach啊什么的

3.1 if控制 - 如果

废话不多说 实例放这你就能懂:

?
1 2 3 4 5 @ if (isset( $name ))    <p>{{ $name }}</p> @ else    <p>None</p> @ endif

3.2 unless控制 - 除非

?
1 2 3 @unless(!isset( $name ))    <p>{{ $name }}</p> @endunless

3.3 for控制 - 循环

?
1 2 3 @ for ( $i = 0; $i < 10; $i ++)    <p>{{ $i }}</p> @ endfor

3.4 foreach控制 - 循环遍历

?
1 2 3 4 {{-- $names = [ 'k' , 'l' , 'i' ];--}} @ foreach ( $names as $name )    <p>{{ $name }}</p> @ endforeach

希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。

原文链接:https://www.cnblogs.com/sun-kang/p/7296422.html

可以去百度分享获取分享代码输入这里。
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

【腾讯云】云服务器产品特惠热卖中
搜索
标签列表
    关注我们

    了解等多精彩内容