zoukankan      html  css  js  c++  java
  • Blade模板引擎教程-常用语法格式

      1. 打印变量或者默认值,这个语法会自动转义变量内容中的html标记,使得html标签原样输出
        Welcome, {{ $name or 'California' }}

      2. 打印变量原始内容,不进行转义的用法
        {!! 'My list <script>alert("spam spam spam!")</script>' !!}

      3. 循环
        普通循环
        @foreach ($lists as $list)
        <li>{{ $list }}</li>
        @endforeach
        处理变量为空的情况
        @forelse ($lists as $list)
        <li>{{ $list }}</li>
        @empty
        <li>You don't have any lists saved.</li>
        @endforelse

      4. if判断
        @if (count($lists) > 1)
        @elseif ()
        @else
        @endif

      5. 在模板中使用以下语法创建内容的占位符
        @yield('content')

      6. 在视图中使用以下语法使用模板
        @extends('layouts.master')

      7. 使用以下语法填充占位符内容
        @section('content')
        content
        @endsection

      8. 使用以下语法引用子PHP文件
        @include('partial')
        @include('partials.row', ['link' => $link]),传递参数给子文件

      9. 如何在子视图中决定是否用一些公用内容
        @section('advertisement')
        parent content
        @show
        以上语法定义的advertisement section并不会直接在子视图中展示,@show相当于@endsection @yield('advertisement')
        @section('advertisement')
        @parent
        child content
        @endsection
        只有在这里使用了@parent,模板中在advertisement中定义的内容才会显示在子视图中
        10. 在模板中引用css,js等的语法
        {!! HTML::style('css/app.min.css') !!}
        {!! HTML::script('JavaScript/jQuery-1.10.1.min.js') !!}
        {!! HTML::script('javascript/bootstrap.min.js') !!}
        {!! HTML::image('images/logo.png', 'TODOParrot logo') !!}
        这里需要注意的是,如果写标准的html标签,路径中需要在前面加一个'/'符号
        <script src="/javascript/jquery-1.10.1.min.js"></script>
        要使用以上语法需要安装HTML包
        11. 安装HTML包
        composer require illuminate/html
        在config/app.php中配置provider和alias
        IlluminateHtmlHtmlServiceProvider::class provider配置
        'Form' => IlluminateHtmlFormFacade::class, Facade配置

    正因为来之不易,所以才有了后来的倍加珍惜。
  • 相关阅读:
    洛谷—— P3353 在你窗外闪耀的星星
    洛谷—— P1238 走迷宫
    洛谷—— P1262 间谍网络
    9.8——模拟赛
    洛谷—— P1189 SEARCH
    算法
    May 22nd 2017 Week 21st Monday
    May 21st 2017 Week 21st Sunday
    May 20th 2017 Week 20th Saturday
    May 19th 2017 Week 20th Friday
  • 原文地址:https://www.cnblogs.com/jjxhp/p/9193245.html
Copyright © 2011-2022 走看看