Blade模板

關於模板繼承和分區段

@section和@yield的實驗

①關於@section...@show嘗試

測試1

 {{--appV2test.blade.php--}}

 <html>

     <head>

         <title>@yield('title')</title>

     </head>

     <body>

         @section('content')

         <p>這是appV2test的内容</p>

         @show

     </body>

 </html>
 {{--def.blade.php--}}

 @extends('test.appV2test')

 @section('title','測試頁')

 @section('content')

         <p>更改文本内容</p>

         <p>我的新内容????</p>

 @stop

實驗結果：

更改文本内容

我的新内容????

 

測試2

 {{--def.blade.php--}}

 @extends('test.appV2test')

 @section('title','測試頁')

 @section('content')

     @parent                          {{--new addition--}}

         <p>更改文本内容</p>

         <p>我的新内容????</p>

 @stop

 實驗結果：

這是appV2test的内容

更改文本内容

我的新内容????

結論：被@section...@show包裹的内容在被繼承時，若不使用@parent的情況下不會被渲染進網頁里。

 

②關於@section...@stop嘗試

測試1

 {{--appV2test.blade.php--}}

 <html>

     <head>

         <title>@yield('title')</title>

     </head>

     <body>

         @section('content')

         <p>這是appV2test的内容</p>

         @stop

     </body>

 </html>
 {{--def.blade.php--}}

 @extends('test.appV2test')

 @section('title','測試頁')

 @section('content')

         <p>更改文本内容</p>

         <p>我的新内容????</p>

 @stop

實驗結果：

<!--空的-->

<body>

</body>

　　

測試2

 {{--def.blade.php--}}

 @extends('test.appV2test')

 @section('title','測試頁')

 @section('content')

     @parent                           {{--new addition--}}

         <p>更改文本内容</p>

         <p>我的新内容????</p>

 @stop

實驗結果：

<!--空的-->

<body>

</body>

結論：被@section...@stop包裹的内容在被繼承時，不會被渲染進繼承頁里，即使使用@parent也是一樣。

③關於@yield嘗試

測試1

 {{--appV2test.blade.php--}}

 <html>

     <head>

         <title>@yield('title')</title>

     </head>

     <body>

         @yield('content')

         <p>這是appV2test的内容</p>

     </body>

 </html>
 {{--def.blade.php--}}

 @extends('test.appV2test')

 @section('title', '測試頁')

 @section('content')

         <p>更改文本内容</p>

         <p>我的新内容????</p>

 @stop

實驗結果：

更改文本内容

我的新内容????

這是appV2test的内容

測試2：

{{--appV2test.blade.php--}}

<html>

    <head>

        <title>@yield('title')</title>

    </head>

    <body>

        @yield('content')

        <p>這是appV2test的内容</p>

        @show                       {{--new addition--}}

    </body>

</html>

實驗結果：

更改文本内容

我的新内容????

這是appV2test的内容

測試3：

{{--appV2test.blade.php--}}

<html>

    <head>

        <title>@yield('title')</title>

    </head>

    <body>

        @yield('content')

        <p>這是appV2test的内容</p>

        @stop                        {{--new change--}}

    </body>

</html>

實驗結果：

{{--出錯--}}

結論：被@yield（或@yield...@show包裹的内容，等價）包裹的内容，在渲染到@yield所在DOM節點的父節點時，會先渲染繼承頁面在該父節點下的内容，最後再將被繼承頁的内容填充進去。不存在@yield...@stop。

關於@append和@override嘗試

測試1：

 {{--appV2test.blade.php--}}

 <html>

     <head>

         <title>@yield('title')</title>

     </head>

     <body>

         @yield('body')

         <div>

             @yield('content')

             <p>直接被繼承内容1</p>

             <p>直接被繼承内容2</p>

             <p>直接被繼承内容3</p>

         </div>

     </body>

 </html>
 {{--def.blade.php--}}

 @extends('test.appV2test')

 @section('title', '測試頁')

 @section('body')

     @section('content')

     <p>第一行</p>

     @append

     <p>繼承頁内容1</p>

     @section('content')

     <p>第二行</p>

     @append

     <p>繼承頁内容2</p>

     @section('content')

     <p>第三行</p>

     @stop

     <p>繼承頁内容3</p>

 @stop

實驗結果：

繼承頁内容1

繼承頁内容2

繼承頁内容3

第一行

第二行

直接被繼承内容1

直接被繼承内容2

直接被繼承内容3

暫時性結論：

注意到，先是渲染了繼承頁原有的内容，再渲染在繼承頁中通過@append添加到被選中分區段的内容，最後渲染被繼承頁的内容。同時，這裏的<p>第三行</p>由於是@stop結尾而沒有被加入，衹視爲不再繼續添加，并抛棄此處的内容。

測試2：

{{--def.blade.php--}}

@extends('test.appV2test')

@section('title', '測試頁')

@section('body')

    @section('content')

    <p>第一行</p>

    @append

    <p>繼承頁内容1</p>

    @section('content')

    <p>第二行</p>

    @append

    <p>繼承頁内容2</p>

    @section('content')

    <p>第三行</p>

    @stop

    @section('content')             {{--new addition--}}

    <p>抛棄前面添加的</p>

    @override

    <p>繼承頁内容3</p>

@stop

實驗結果：

 <p>繼承頁内容1</p>

 <p>繼承頁内容2</p>

 <html>

     <head>

         <title>測試頁</title>

     </head>

     <body>

         <p>body是否被繼承</p>

         <div>

             <p>第一行</p>

             <p>第二行</p>

             <p>直接被繼承内容1</p>

             <p>直接被繼承内容2</p>

             <p>直接被繼承内容3</p>

         </div>

     </body>

 </html>

暫時性結論：

不解。從結果上看，在@override之前的繼承頁的内容，全部被渲染到了最前面，甚至超過了其父節點的範圍。渲染完這些内容後，才開始繼承被繼承頁的内容。同時，本來應該被覆寫的内容被抛去，繼承頁在@override之後的内容也被抛去。其它内容渲染操作與測試1無異。

其它相關

{{ ... }}

自動轉義html標記，使標記原樣輸出

{!! ... !!}

直接打印變量内容，按標記進行相應渲染

@if(...)

@elseif(...)

@else

@endif

判斷

@foreach($lists as $list)

<li>{{$list}}</li>

@empty

<li>You don't have any lists saved.</li>

@endforeach

循環輸出，可通過@empty判斷要循環内容是否爲空

@include('...','...')

引入子文件，第二參數可傳參（不知有何用處，因爲include進來的文件能直接使用主文件的變量）

在laravel下關於blade模板的嘗試的更多相关文章

  1. laravel框架总结(二) -- blade模板引擎

    ## 1.基本用法 ##情形1 $name = laravel5 <div class="title"> {{$name}} {{$name}}</div> ...

  2. Laravel之视图和Blade模板引擎

    一.视图 1.视图文件存放在resources/views目录2.视图载入及传参 return view('greeting', ['name' => 'James']); 还可以通过with ...

  3. laravel Blade 模板引擎

    与视图文件紧密关联的就是模板代码,我们在视图文件中通过模板代码和 HTML 代码结合实现视图的渲染.和很多其他后端语言不同,PHP 本身就可以当做模板语言来使用,但是这种方式有很多缺点,比如安全上的隐 ...

  4. laravel框架之blade模板引擎

    ## 1.基本用法 ##情形1 $name = laravel5 <div class="title"> {{$name}} {{$name}}</div> ...

  5. PHP laravel 5.0 Blade 模板引擎 Api使用备注

    PHP laravel 5.0 Blade 模板引擎 Api使用备注 /** * PHP laravel 5.0 Blade 模板引擎 Api使用备注 **/ //子模版中开头,调用@extends( ...

  6. Laravel 5.2 三、中间件、视图与 Blade 模板引擎

    一.中间件 Laravel 的 HTTP 中间件提供了对路由的一层过滤和保护.下面模拟一下用中间件验证后台登录. 1. 创建中间件 cmd 窗口进入项目目录,使用 artisan 命令创建 php a ...

  7. Laravel 解决blade模板转义html标签问题

    当我们使用富文本编译器(如:Ueditor编译器)保存编辑的内容后,在blade模板中,想要显示原生的html标签内容时该怎么做? 首先,了解下laravel {{ 变量名 }} 与{!! 变量名 ! ...

  8. Laravel框架中Blade模板的用法

    1. 继承.片段.占位.组件.插槽 1.1 继承 1.定义父模板 Laravel/resources/views/base.blade.php 2.子模板继承 @extends('base') 1.2 ...

  9. laravel的blade模板的布局嵌套

    测试路由 Route::get('/', function() { $value = [,,]; return view('home.index', array('data' => $value ...

随机推荐

  1. c语言计算矩阵特征值和特征向量-1(幂法）

    #include <stdio.h> #include <math.h> #include <stdlib.h> #define M 3 //方阵的行数 列数 #d ...

  2. Python学习笔记-抽象

    懒惰即美德.代码量少. hasattr判断函数是否可用. 创建函数. def hello(name) return 'hello,'+name+'!' 文档化函数: 加注释(#开头) 文档字符串.函数 ...

  3. NLPIR（ICTCLAS）分析包的使用记录

    前段时间使用了HanLP一个纯JAVA分词工具包,后来老大说分词效果不是很好,需要换一个分词工具.于是推荐了一个分词工具——NLPIR,它是中科院XXX研发的一个分词工具.这个分词工具只用C/C++写 ...

  4. block的常见用法

    一.声明和定义 1.声明 声明方式:返回值(^block)(参数).声明时,参数变量名可以省略:使用时,参数变量名不能省略,不然会无法调用传入的参数 void(^block)(); void(^blo ...

  5. Alpha版使用说明书

     游戏规则:             玩家是黑色的小煤球哦!             通过方向键或者ASDW,来控制小球移动(上.下.左.右).             累计时间,直到碰到了红色的小球 ...

  6. 曲线参数化的Javascript实现（理论篇）

    在关键帧动画的制作过程中,动画师在k物体运动的过程中,一般要确定2个参数: 1)运动轨迹(表示物体运动的路径): 2)速度曲线(表示物体随时间的速度变化). 对于运动轨迹通常选用一定的样条曲线,通过动 ...

  7. .NET微信模拟登录及{base_resp:{ret:-4,err_msg:nvalid referrer}}的解决办法

    12年的时候写了些关于微信开发的内容,当时看好这个东西,可惜当时腾讯开放的权限太少,之后的一年多时间没有太关注了. 现在又要重新开始微信开发的阵容了,微信只是个入口,微网站才是趋势. 我是个水货,所以 ...

  8. NPOI 数据导入导出

    { //数据导入 OpenFileDialog open = new OpenFileDialog(); open.Filter = "Excle文件|*.xls"; open.T ...

  9. php大力力 [052节] php数据库页面修改功能

    php大力力 [052节] php数据库页面修改功能

  10. Why jsp?

    Before the JSP come into the world . The CGI and servlet took the responsibility of generating dynam ...