laravel框架之blade模板引擎

时间:2023-03-09 02:48:44
laravel框架之blade模板引擎

## 1.基本用法

laravel框架之blade模板引擎
##情形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了
laravel框架之blade模板引擎

## 2.控制结构

laravel框架之blade模板引擎
##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
laravel框架之blade模板引擎

## 3.模板引擎子视图

laravel框架之blade模板引擎
##情形1
  ##父视图,layouts文件夹下的app.blade.php
  <div>头部内容</div>
  @yield('content')
  <div>尾部内容</div>   ##子视图中继承父类模板
  @extends('layouts.app')
  @section('content')
    <div>这里写父视图$yield('content')内容的替换部分</div>
  @endsection   ##子视图最终结果
  //头部内容
  //这里写父视图$yield('content')内容的替换部分
  //尾部内容 ##情形2
  #父视图,layouts文件夹下的app.blade.php
  <div>头部内容</div>
  @section('content')
    <div>我是父类视图的内容</div>
  @show
  <div>尾部内容</div>   ##子视图中继承父类模板
  @extends('layouts.app')
  @section('content')
  @parent
  <div>我是子类视图的内容</div>
  @endsection   //上面父类的写法使用 section和show的组合,子类中在section中使用@parent
  //这样就会在将父类和子类的内容都输出 <div>我是父类视图的内容</div> <div>我是父类视图的内容</div>   ##子视图最终结果
  //头部内容
  //我是父类视图的内容
  //我是子类视图的内容
  //尾部内容 ##情形3 使用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的主体部分
  //我是公共尾部
laravel框架之blade模板引擎