Giới thiệu blade templates trong Laravel

Bài đăng này đã không được cập nhật trong 3 năm

Giới thiệu

Blade là một template engine đơn giản nhưng mạnh mẽ được sử dụng phổ biến trong Laravel. Tất cả các views của Blade sẽ được dịch thành mã PHP thuần và được cache lại cho tới khi bị chỉnh sửa. Template này có phần ở rộng là name.blade.php và nằm trong thư mục resources/views.

Kế thừa template

Lợi ích nhất của Blade template là có thể kế thừa, giúp giảm rất lớn lượng code. Bên dưới là một layout master, mình xây dựng để các layout khác có thể kế thừa

Template cha

<html>
    <head>
        <title>Giới thiệu blade templates trong Laravel</title>
    </head>
    <body>
        <div class="container">
            {{-- Khai báo component con khi kế thừa --}}
            @yield('content')
        </div>
    </body>
</html>

Template con

{{-- Kế thừa lại page master --}}
@extends('master')

{{-- Định nghĩa content đã khai báo ở yield --}}
@section('content')         
    <p>This is my body content.</p>
@endsection

Truyền data từ controller sang view

Việc truyền dữ liệu từ controller sang blade template cũng rất dễ dàng, bạn có thể xem ví dụ dưới đây

Trong controller

    public function index()
    {
        return view('welcome', ['name' => 'Ngo Huu Nhut']);
    }

Trong view

Trong controller, chúng ta đã truyền sang welcome.blade.php một biến tên name, để hiển thị, ta chỉ cần làm như bên dưới

Hello, {{ $name }}.

Một số cấu trúc khác trong Blade Template

Câu lệnh điều kiện if

@if (count($records) === 1)
    I have one record!
@elseif (count($records) > 1)
    I have multiple records!
@else
    I don't have any records!
@endif

Vòng lặp

@for ($i = 0; $i < 10; $i++)
    The current value is {{ $i }}
@endfor

@foreach ($users as $user)
    <p>This is user {{ $user->id }}</p>
@endforeach

@forelse ($users as $user)
    <li>{{ $user->name }}</li>
@empty
    <p>No users</p>
@endforelse

@while (true)
    <p>I'm looping forever.</p>
@endwhile

Biến $loop đặc biệt trong vòng lặp

Comment trong blade

Đoạn code bên dưới là cách để comment trong blade template

{{-- This comment will not be present in the rendered HTML --}}

Form trong blade

Đặc biệt, trong form bạn cần thêm thuộc tính @csrf, mình sẽ ví dụ cho bạn bằng đoạn code bên dưới:

<form method="POST" action="/">
    @csrf
    ...
</form>

Bên cạnh đó, nếu bạn muốn sử dụng các method khác thì làm như sau:

<form action="/foo/bar" method="POST">
    @method('PUT')
    ...
</form>

Như vậy, qua bài viết này mình đã giới thiệu qua về blade template trong Laravel. Ngoài ra, còn rất nhiều điều hay ho khác ở template này ở link sau: https://laravel.com/docs/master/blade. Cảm ơn bạn đã theo dõi bài viết!