laravel-模板引擎Blade

2023-07-26 22:35:40

(慕课网_轻松学会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]*');

码农公寓

相关文章