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

　　

　　

laravel-模板引擎Blade的更多相关文章

  1. Laravel 模板引擎Blade中标签详细介绍

    这篇文章主要介绍了Laravel模板引擎Blade中section的一些标签的区别介绍,需要的朋友可以来看看. Laravel 框架中的Blade模板引擎很好用,但是官方文档介绍的并不详细,我接下来将 ...

  2. Laravel模板引擎Blade中section的一些标签的区别介绍

    Laravel 框架中的 Blade 模板引擎,很好用,但是在官方文档中有关 Blade 的介绍并不详细,有些东西没有写出来,而有些则是没有说清楚.比如,使用中可能会遇到这样的问题: 1.@yield ...

  3. laravel使用的模板引擎 blade

    使用blade引擎的话必须在控制器中使用use   Blade

  4. lavarel模板引擎blade学习

    blade 模板学习 特点 主要的两个优点是:模板继承和区块 继承页面布局 布局文件(layout.php) + 详情文件 (page.php) 的组合,即一般到具体的组合.在blade文件之中的体现 ...

  5. Laravel中的模板引擎Blade

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. php模板引擎之blade

    一.简介模板引擎 模板引擎是将网站的页面设计和PHP应用程序几乎完全分离的一种解决方案,它能让前端工程师专注页面搭建,让后台工程师专注功能实现,以便实现逻辑分离,让每个人发挥所长.模板引擎技术的核心是 ...

  7. laravel框架总结(二) -- blade模板引擎

    ## 1.基本用法 ##情形1 $name = laravel5 <div class="title"> {{$name}} {{$name}}</div> ...

  8. laravel Blade 模板引擎

    与视图文件紧密关联的就是模板代码,我们在视图文件中通过模板代码和 HTML 代码结合实现视图的渲染.和很多其他后端语言不同,PHP 本身就可以当做模板语言来使用,但是这种方式有很多缺点,比如安全上的隐 ...

  9. laravel框架之blade模板引擎

    ## 1.基本用法 ##情形1 $name = laravel5 <div class="title"> {{$name}} {{$name}}</div> ...

  10. PHP laravel 5.0 Blade 模板引擎 Api使用备注

    PHP laravel 5.0 Blade 模板引擎 Api使用备注 /** * PHP laravel 5.0 Blade 模板引擎 Api使用备注 **/ //子模版中开头,调用@extends( ...

随机推荐

  1. ACtivity实现欢迎界面并添加动画切换效果

    先看效果: 中间切换动画没来得及截图,凑合着看吧. 主要是java代码的实现: Welcom.java package kehr.activity.welcome; import android.ap ...

  2. 腾讯2013笔试题—web前端笔试题 （老题练手）

    问题描述(web前端开发附加题1): 编写一个javascript的函数把url解析为与页面的javascript.location对象相似的实体对象,如:url :'http://www.qq.co ...

  3. [React] React Router: Redirect

    The Redirect component in react-router does exactly what it sounds like. It allows us to redirect fr ...

  4. swift 实现漂亮的粒子效果CAEmitterLayer

    一些粒子效果 我们经常会在一些游戏或者应用中看到一些炫酷的粒子效果,我们在iOS中也能很轻松的搞一些粒子效果 我们本次做得是一个下雪的效果,看下效果图 源码地址: https://github.com ...

  5. js中时间戳与日期转换-js日期操作

    常用的一些日期操作. 用js获取一个时间戳. <script type="text/javascript"> var date = new Date();//当前时间 ...

  6. 理解prototype、proto和constructor的三角关系

    javascript里的关系又多又乱.作用域链是一种单向的链式关系,还算简单清晰:this机制的调用关系,稍微有些复杂:而关于原型,则是prototype.proto和constructor的三角关系 ...

  7. 从客户端检测到有潜在危险的Request.Form值

    1.带有html标记内容提交(使用web编辑器): js: <script type="text/javascript"> //简单模式 var editor; Kin ...

  8. （转）asp.net实现忘记密码找回的代码

    1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or ...

  9. SignalR2.0开发实例之——设置时间、后台其他地方使用集线器、使用自己的连接ID

    一.连接的生命周期设置: 如下: // 该值表示连接在超时之前保持打开状态的时间长度. //默认为110秒 GlobalHost.Configuration.ConnectionTimeout = T ...

  10. MySQL学习笔记(3) - 查询服务器版本，当前时间，当前用户

    SELECT VERSION(); --显示当前服务器版本 SELECT NOW(); --显示当前日期时间 SELECT USER(); --显示当前用户 MySQL中语句规范: 1.关键字和函数名 ...