(慕课网_轻松学会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<10;$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('PeopleStudentController@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','PeopleMemberController@index'); Route::get('member/model','PeopleMemberController@model'); Route::get('student/index','PeopleStudentController@index'); Route::get('student/add','PeopleStudentController@insert'); Route::get('student/update','PeopleStudentController@update'); Route::get('student/select','PeopleStudentController@select'); Route::get('student/delete','PeopleStudentController@delete'); //查询构造器路由 Route::get('student/qbAdd','PeopleStudentController@qbAdd'); Route::get('student/qbUpdate','PeopleStudentController@qbUpdate'); Route::get('student/qbDelete','PeopleStudentController@qbDelete'); Route::get('student/qbSelect','PeopleStudentController@qbSelect'); Route::get('student/qbSelect','PeopleStudentController@qbSelect'); Route::get('student/qbSelectJH','PeopleStudentController@qbSelectJH'); //ORM路由 Route::get('student/ormIndex','PeopleStudentController@ormIndex'); Route::get('student/ormAddByAttr','PeopleStudentController@ormAddByAttr'); Route::get('student/ormAddByCreate','PeopleStudentController@ormAddByCreate'); Route::get('student/ormSelect','PeopleStudentController@ormSelect'); Route::get('student/ormUpdate','PeopleStudentController@ormUpdate'); Route::get('student/ormDelete','PeopleStudentController@ormDelete'); //模板练习路由 Route::get('student/section1','PeopleStudentController@section1'); Route::get('student/urlTest',[ 'as' => 'url', 'uses' => 'PeopleStudentController@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]*');