国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

Laravel 5 基礎(四)- Blade 簡介

2019-11-15 02:08:29
字體:
來源:轉載
供稿:網友
Laravel 5 基礎(四)- Blade 簡介

在多個頁面中我們可能包含相同的內容,像是文件頭,鏈接的CSS或者js等。我們可以利用布局文件完成這個功能。

讓我們新建一個布局文件,例如 views/layout.blade.php

<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title>    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css"></head><body>    <div class="container">        @yield('content')    </div></body></html>

我們創建了不解的結構,引入了bootstrap,注意 @yield 是blade的布局占位符,未來我們的頁面內容將填充到這里,修改 about.blade.php

@extends('layout')@section('content')    <h1>About {{ $first }} {{ $last }}</h1>@stop

上面的代碼表示我們使用布局文件 layout.blade.php, 然后在 content 段中添加內容。

routes.php 中添加:

Route::get('about', 'PagesController@about');Route::get('contact', 'PagesController@contact');

PagesController.php 中添加:

    public function contact() {        return view('pages.contact');    }

新建視圖 pages/contact.blade.php

@extends('layout')@section('content')    <h1>Contact Me!</h1>@stop

Check it out!

在布局文件中我們可以添加多個 @yield , 比如在 layout.blade.php 中添加 @yield('footer')

<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title>    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css"></head><body>    <div class="container">        @yield('content')    </div>    @yield('footer')</body></html>

比如 contact.blade.php 中有一段腳本,就可以放在這個段中。

@extends('layout')@section('content')    <h1>Contact Me!</h1>@stop@section('footer')    <script>        alert('Contact from scritp')    </script>@stop

訪問contact會有對話框,而about仍然是普通顯示

  • 使用 @if 進行判斷
@extends('layout')@section('content')    @if ($first = 'Zhang')        <h1>Hello, Zhang</h1>    @else        <h1>Hello, nobody</h1>    @endif@stop

也可以視同 @unless 等同于 if !, 還有 @foreach 等。

    public function about()    {        $people = [            'zhang san',            'li si',            'wang wu'        ];        return view('pages.about', compact('people'));    }
@extends('layout')@section('content')    <h1>Person:</h1>    <ul>        @foreach($people as $person)            <li>{{ $person }}</li>        @endforeach    </ul>@stop

有一種情況,數據可能來自數據庫,集合可能是空,像是這樣:

$people = [];

處理這種情況,請添加 @if 處理

@extends('layout')@section('content')    @if (count($people))        <h1>Person:</h1>        <ul>            @foreach($people as $person)                <li>{{ $person }}</li>            @endforeach        </ul>    @endif    <h2>Other info</h2>@stop

That's better.


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 苗栗市| 沐川县| 理塘县| 衡阳市| 体育| 祁阳县| 建德市| 乌什县| 红原县| 岳西县| 黎城县| 无棣县| 四平市| 宣威市| 芒康县| 平凉市| 青海省| 贡山| 霸州市| 和田县| 赤水市| 通海县| 黎川县| 紫云| 吴江市| 安顺市| 西乡县| 平阴县| 吉安市| 泸定县| 台山市| 泗水县| 始兴县| 钟祥市| 白沙| 壤塘县| 洪江市| 澄江县| 宕昌县| 婺源县| 随州市|