laravel-模板引擎Blade

(慕课网_轻松学会Laravel-基础篇_天秤vs永恒老师)

一、概述

　　Blade是Laravel提供的一个既简单又强大的模板引擎

　　和其他流行的PHP模板引擎不一样，Blade并不限制你在视图view中使用原生的PHP代码

　　所有的Blade视图页面都将被编译成原生的PHP代码并缓存起来，除非你的的模板文件修改，否则不会重新编译

　　模板继承：section,yield,extends,parent（参照 http://www.jb51.net/article/60957.htm）

二、实例

　　1、定义布局模板 views/people/layout/layout.blade.php

<!DOCTYPE html>
<html>
<head>
    <title>Laravel @yield('title')</title>
    <meta charset="utf-8">
    <style type="text/css">
        .body{margin:0px;padding:0px;}
        .header{width:100%;height:60px;background: red;margin-bottom: 10px;}
        .sidebar{width:20%;height:500px;background: green;
            margin-right:20px;margin-bottom: 10px;}
        .content{width:72%;height:500px;background: blue;margin-bottom: 10px;}
        .footer{width:100%;height:60px;background: black}
        div{float:left;}
    </style>
</head>
<body>
    <div class="header">
        @section('header')
        头部
        @show
    </div>
    <div class="sidebar">
        @section('sidebar')
        侧边栏
        @show
    </div>
    <div class="content">
        @yield('content','主要内容区域')
    </div>
    <div class="footer">
        @section('footer')
        底部
        @show
    </div>
</body>

2、控制器方法分配数据　　

//模板技术
    public function section1(){
        //.和/都可以
        $name = 'helloiu';
        $data = ['sss','zzz'];
        $students = Student::get();
        return view('people.student.section1',[
            'name' => $name,
            'data' => $data,
            'students' => $students,
        ]);
    }
    public function urlTest(){
        return 'urlTest';
    }

3、子模板 views/people/student/section1.blade.php

@extends('people.layout.layout')

@section('header')
    <!-- @parent展示父模板的内容 -->
    @parent
    HEADER
@stop

@section('sidebar')
    sideBar
@stop

@section('content')
    Content
    <!-- 1、模板中输出PHP变量 -->
    <p>{{$name}}</p>

    <!-- 2、模板中调用PHP代码 -->
    <p>{{time()}}</p>
    <p>{{ date('Y-m-d H:i:s',time())}}</p>

    <!-- 数组 true和false必须加引号，要当字符串展示 -->
    <p>{{ in_array($name,$data) ? 'true' : 'false' }}</p>
    <p>{{ var_dump($data) }}</p>

    <p>{{ isset($name) ? $name : 'default' }}</p>
    <!-- isset短语法 -->
    <p>{{ $name or 'default' }}</p>

    <!-- 3、原样输出 -->
    <p>@{{ $name }}</p>

    <!-- 4、模板中的注释，在浏览器查看源代码看不到 -->
    {{--  我是注释  --}}

    <!-- 5、引入子视图 可以直接把数据分配到子视图中，在子视图中展示 -->
    @include('people.common.common',['message' => '我是error信息']);

    <!-- 6、流程控制 在if或者for后面的括号里使用php代码，不需要双花括符-->
    @if($name == 'helloJiu')
        I'm {{$name}}
    @elseif($name == 'helloHu')
        I'm helloHu
    @else
        who am i?{{$name}}
    @endif

    @if (in_array($name, $data))
        true
    @else
        false
    @endif

    <br>

    <!-- unless if的取反 -->
    @unless($name == 'helloJiu')
        I'm {{$name}}
    @endunless

    <!-- 循环 -->
    @for($i=0;$i<;$i++)
        {{ $i }}
    @endfor

    @foreach($students as $student)
        {{ $student->created_at }}
    @endforeach

    <!-- 如果$students存在，则输出，不存在，输出null -->
    @forelse($students as $student)
        {{ $student->name }}
    @empty
        <p>null</p>
    @endforelse

    <!-- 模板中的URL -->
    <a href="{{ url('url') }}">url</a>
    <a href="{{ action('People\StudentController@urlTest') }}">urlAction</a>
    <br>
    <a href="{{ route('url')}}">route</a>
@stop

4、people/common/common.blade.php

<p>我是common子视图include {{ $message }}<p>

5、整个路由系统

<?php

Route::get('/', function () {
    return view('welcome');
});

Route::group(['middleware' => ['web']], function () {
    //
});
//基础路由
// Route::get('basic1',function(){
//     return 'Hello World';
// });

// Route::post('basic2',function(){
//     return 'basic2';
// });
// //多请求路由
// Route::match(['get','post'],'multy1',function(){
//     return 'multy1';
// });

// Route::any('multy2',function(){
//     return 'multy2';
// });

// //路由参数
// Route::get('user/{id}',function($id){
//     return 'User-'.$id.'id';
// })->where('id','[\d]*');

// Route::get('user/{name?}',function($name='helloJiu'){
//     return 'User-'.$name;
// })->where('name','[A-Za-z]*');

// Route::get('user/{id}/{name}',function($id,$name='HL'){
//     return 'user-id-name'.$id.$name;
// })->where(['name'=>'[A-Z]*','id'=>'[\d]*']);

//路由别名
// Route::get('user/center',['as'=>'center',function(){
//     return route('center');
// }]);

//路由群组
Route::group(['prefix' => 'people'], function(){

    Route::get('member/index','People\MemberController@index');
    Route::get('member/model','People\MemberController@model');
    Route::get('student/index','People\StudentController@index');
    Route::get('student/add','People\StudentController@insert');
    Route::get('student/update','People\StudentController@update');
    Route::get('student/select','People\StudentController@select');
    Route::get('student/delete','People\StudentController@delete');

    //查询构造器路由
    Route::get('student/qbAdd','People\StudentController@qbAdd');
    Route::get('student/qbUpdate','People\StudentController@qbUpdate');
    Route::get('student/qbDelete','People\StudentController@qbDelete');
    Route::get('student/qbSelect','People\StudentController@qbSelect');
    Route::get('student/qbSelect','People\StudentController@qbSelect');
    Route::get('student/qbSelectJH','People\StudentController@qbSelectJH');

    //ORM路由
    Route::get('student/ormIndex','People\StudentController@ormIndex');
    Route::get('student/ormAddByAttr','People\StudentController@ormAddByAttr');
    Route::get('student/ormAddByCreate','People\StudentController@ormAddByCreate');
    Route::get('student/ormSelect','People\StudentController@ormSelect');
    Route::get('student/ormUpdate','People\StudentController@ormUpdate');
    Route::get('student/ormDelete','People\StudentController@ormDelete');

    //模板练习路由
    Route::get('student/section1','People\StudentController@section1');
    Route::get('student/urlTest',[
        'as' => 'url',
        'uses' => 'People\StudentController@urlTest',
    ]);

    Route::get('index',function(){
        return view('People.layout.layout');
    });

});

//http://www.hfj110.com/laravel/public/index.php/member/user/center

//路由中输出视图
Route::get('view',function(){
    return view('welcome');//输出welcome.html
});
//绑定控制器MemberController::info()
Route::get('member/info','MemberController@info');
Route::any('member/info', [
    'uses' => 'MemberController@info',
    'as' => 'memberinfo',

]);

Route::any('getID/{id}',['uses'=>'MemberController@getID'])
    ->where('id','[\d]*');