• Laravel 5.1 Blade模板引擎


    为什么要使用blade 它是干什么用的?

    blade模板引擎使我们写HTML页面的地方,使用它是因为它能给我们提供很多的遍历,减少代码的重复率 提高开发效率。我们写blade的路径是 resources/view 下,它的文件名后缀是blade.php。


     1 继承

    继承是相当爽的,它可以从主模板继承所有代码,以免大量的代码重复。这样说比较片面,具体看眼代码吧。

     1.1 模板继承拓展 代码片段

    首先先创建一个 admin/layout.blade.php

    <!DOCTYPE html>
    <html>
    <head>
        <title>Learn Laravel-- @yield('title')</title>
    </head>
    <body>
        @section('navibar')
            The master navigation bar
        @show
    
        <div class="container">
            @yield('content')
        </div>
    </body>
    </html>

    然后创建 admin/home.blade.php 继承自layout:

    @extends('admin.layout')
    @section('title')
        Home
    @endsection
    
    @section('navibar')
        @parent
        <p>增加别的代码 不是完全覆盖</p>
    @endsection
    
    @section('content')
        <p>Content body</p>
    @endsection

    注册路由 实现控制器方法并展示

    Route::group(['prefix' => 'admin', 'namespace' => 'Admin'], function (){
        Route::resource('/', 'HomeController');
    });
        public function index()
        {
            return view('admin.home');
        }

    总结: 好了 现在咱先看layout代码 它初始定义了一个HTML简单的模板,在需要拓展的地方都加上了@yield关键字 这代表可填充的一块儿代码片段区域,而@section(navi)是声明了一段片段 然后通过@show来展示。

    然后我们创建了home文件,它可以继承自layout 通过@extends() 继承之后就可以使用@section填充layout中的@yield的了,一个yield对应着一个section,关于layout中的@section(navi) 在home中也进行了补充 因为使用了@parent关键字,代表着不覆盖父模板的代码片段 而是在父模板的代码片段最后追加代码,当然啦 如果你要是去掉@parent关键字就会覆盖掉。

    如果这么说你还是不明白的话,打开编译器敲一遍 看看结果就清楚了。


     1.2 引入一段代码

    这也是blade相当强大的地方 当你写了一段HTML之后呢 发现其中有些内容在别的页面下重用率很高,你完全可以把它抽出来放在另一个blade中,然后每当你要使用这段代码时使用@include引入就行了。

    首先我们先来创建一个 some.blade.php(至于放在哪里随你便) :

    <p>这只是一个演示 所以不浪费时间写太多的HTML</p>

    然后在home中引用它吧:

    @extends('admin.layout')
    @section('title')
        Home
    @endsection
    
    @section('navibar')
        @parent
        <p>增加别的代码 不是完全覆盖</p>
    @endsection
    
    @section('content')
        @include('admin.some')
        <p>Content body</p>
    @endsection

    2 数据展示

    这段说说如何将数据传入到一个视图 然后将它展示到页面上。

     2.1 数据传入

    数据传入有两种种方法 先说第一种 数组方式:

        public function index()
        {
            $name = 'K';
            return view('admin.home', compact('name'));
            // 也可以这么写
    //        return view('admin.home', ['name' => $name]);
        }

    第二种方法是with方法:

        public function index()
        {
            $name = 'K';
            return view('admin.home')->with('name', $name);
        }

    2.2 展示数据

    第一种展示方法 {{ }},用双花括号括起来就可以展示传入blade模板的变量,在{{ }} 里是可以使用PHP代码的:

    <p>用户:{{ $name }}</p>

    第二种展示方法{!!  !!},它是不经过htmlentities函数处理的,所以说你传递的数据是html数据的话 可以使用这种方法:

    return view('admin.home')->with('name', '<h1>K</h1>');
    <p>用户:{!! $name !!}</p>

     3 控制语句

    blade模板为了最大化使代码简洁呢 它本身自带了很多控制语句 这跟咱学的PHP很类似,就是if啊 foreach啊什么的

    3.1 if控制 - 如果

    废话不多说 实例放这你就能懂:

        @if(isset($name))
            <p>{{ $name }}</p>
        @else
            <p>None</p>
        @endif

    3.2 unless控制 - 除非

        @unless(!isset($name))
            <p>{{ $name }}</p>
        @endunless

    3.3 for控制 - 循环

        @for ($i = 0; $i < 10; $i++)
            <p>{{ $i }}</p>
        @endfor

    3.4 foreach控制 - 循环遍历

        {{--$names = ['k', 'l', 'i'];--}}
        @foreach($names as $name)
            <p>{{ $name }}</p>
        @endforeach
  • 相关阅读:
    java纯数字加密解密实例
    C++手稿:std::string
    java裁剪图片
    java打开windows系统的浏览器
    Android手机无线adb
    office-word
    设计模式-享元模式(13)
    设计模式-外观模式(12)
    charles工具过滤腾讯视频播放器广告
    js将json格式的list转换为按某个字段分组的map数组
  • 原文地址:https://www.cnblogs.com/sun-kang/p/7296422.html
Copyright © 2020-2023  润新知