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配置

    正因为来之不易,所以才有了后来的倍加珍惜。
  • 相关阅读:
    Arduino系列之智能家居蓝牙语音遥控灯(四)
    Arduino系列之光照传感器(三)
    address2line 定位 Android c++奔溃位置
    android UI线程安全问题
    android 后台服务定时通知
    eclipse 完全智能提示
    IOS 7 Xcode 5 免IDP证书 真机调试(转载)
    DS5 调试 android c++
    javap -s 查看java方法签名
    ndk-stack 调试 android c++ 代码崩溃位置
  • 原文地址:https://www.cnblogs.com/jjxhp/p/9193245.html
Copyright © 2011-2022 走看看