laravel5.2總結--blade模板


## 1.基本用法

```
##情形1  $name = laravel5
<div class="title"> {{$name}}  {{$name}}</div>
//輸出結果是  larave5  larave5


##情形2  $name = laravel5  並且使用@的情形
<div class="title"> {{$name}}  @{{$name}}</div>
//輸出結果是  larave5{{$name}}

##情形3 $name=null的情況
<div class="title"> {{$name or 'xxx'}}是一個優雅的框架</div>
//輸出結果是  xxx是一個優雅的框架

##情形4 $name沒有設置的情況下
<div class="title"> {{isset($anme)?$name:'xxx'}}是一個優雅的框架</div>
//輸出結果是  xxx是一個優雅的框架

##情形5 $str='<script>alert(1);</script>'
<div class="title"> {{$str}}是一個優雅的框架</div>
//輸出結果是  <script>alert(1);</script>
//標簽被轉換了,防止注入

##情形6 $str='<script>document.write("laravel");</script>'
<div class="title"> {!! $str !!}是一個優雅的框架</div>
//輸出結果是  laravel
//使用雙感嘆號,這樣就可以使用js輸出laraval了
```

 



## 2.控制結構

```
##2.1 if的用法
@if (count($records) === 1)
    我有一條記錄!
@elseif (count($records) > 1)
    我有多條記錄!
@else
    我沒有任何記錄!
@endif

##2.2 unless的用法
@unless (Auth::check())
    你尚未登錄。
@endunless

##2.3
//for的用法
@for ($i = 0; $i < 10; $i++)
    目前的值為 {{ $i }}
@endfor

//foreach的用法
@foreach ($users as $user)
    <p>此用戶為 {{ $user->id }}</p>
@endforeach


//forelse的用法  擴展了foreach,當沒有數據的時候會輸出沒有用戶
@forelse ($users as $user)
    <li>{{ $user->name }}</li>
@empty
    <p>沒有用戶</p>
@endforelse

//while的用法
@while (true)
    <p>我永遠都在跑循環。</p>
@endwhile


```

 



## 3.模板引擎子視圖

```
##情形1

##模板內容:
<html>
  <head>
    <title>@yield('title')</title>
  </head>
  <body>
      //sidebar區域
    @section('sidebar')
      這里是模板里面的內容
    @show
    
    //content區域
    <div class="container">
      @yield('content')
    </div>
  </body>
</html>

##子視圖內容:
@extends('layouts.master')
@section('title', 'test page')

//對應父視圖中的sidebar區域
@section('sidebar')
    //父視圖中的內容保留
    @parent
    <p>子視圖內容11111</p>
@endsection

//對應父視圖中的content區域
@section('content')
    <p>子視圖內容22222</p>
@endsection


##情形2 使用include並且從子視圖往父類視圖傳遞參數

##common文件夾下header.blade.php   
<div>我是公共頭部{{$page}}</div>  

##common文件夾下footer.blade.php   
<div>我是公共尾部</div>  

##index.blade.php中使用以上兩個共用部分   
@include'common.heaer,['page'=>",首頁內容"]'
  <div>我是index的主體部分</div>   
@include'common.footer'   


##子視圖最終結果   
//我是公共頭部,首頁內容   
//我是index的主體部分   
//我是公共尾部

```

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM