Blade คือ templating engine ของ Laravel ที่ช่วยให้คุณเขียน HTML แบบ dynamic ด้วย syntax ที่สะอาด ({{ }}, @directives) ซึ่งจะคอมไพล์เป็น PHP ธรรมดา มันมีฟีเจอร์ template inheritance, component และ XSS protection ในตัว ทำให้ view อ่านง่ายและปลอดภัย
<h1>{{ $title }}</h1> {{-- echoes $title, AUTO-ESCAPED (XSS-safe) --}}
<p>{{ $user->name }}</p>
{!! $trustedHtml !!} {{-- unescaped — use ONLY for trusted HTML --}}
{{ $var }} แสดงข้อมูลและ escape มันโดยอัตโนมัติ (ป้องกัน XSS ซึ่งเป็นประโยชน์ด้านความปลอดภัยที่สำคัญ) ส่วน {!! !!} แสดง HTML แบบดิบ (ใช้เฉพาะกับเนื้อหาที่เชื่อถือได้เท่านั้น)
@if ($user->isAdmin)
<p>Admin</p>
@elseif ($user->isActive)
<p>Active</p>
@else
<p>Guest</p>
@endif
@foreach ($posts as $post)
<li>{{ $post->title }}</li>
@empty
<li>No posts</li>
@endforeach
@auth ... @endauth {{-- only if logged in --}}
@can('update', $post) ... @endcan {{-- authorization check --}}
@directives ของ Blade มอบ conditional, loop และ helper เฉพาะของ Laravel (การตรวจสอบ auth, authorization) ด้วย syntax ที่สะอาดและอ่านง่าย (ไม่มี <?php ?> รก ๆ)
{{-- layout.blade.php — a base layout with sections --}}
<html><body>
<nav>...</nav>
@yield('content') {{-- child views fill this --}}
</body></html>
{{-- page.blade.php — extends the layout --}}
@extends('layout')
@section('content')
<h1>My Page</h1>
@endsection
Template inheritance (@extends/@yield/@section) กำหนด layout ที่ใช้ร่วมกันครั้งเดียว (nav, footer) และให้แต่ละหน้าเติมส่วน (section) ที่เฉพาะเจาะจง ช่วยหลีกเลี่ยงการเขียนโครงหน้าซ้ำ ๆ
{{-- modern, reusable components --}}
<x-alert type="error" :message="$error" />
<x-card>Content goes in the slot</x-card>
Blade คือวิธีที่คุณสร้าง view แบบ server-rendered ใน Laravel ทำให้เป็นสิ่งจำเป็นสำหรับแอปพลิเคชัน Laravel ใด ๆ ที่มีการแสดงผล HTML
การเข้าใจ syntax ของมัน ได้แก่ {{ }} สำหรับแสดงข้อมูล @directives สำหรับตรรกะ และ syntax ของ component เป็นความรู้ที่ใช้ในชีวิตประจำวันสำหรับการสร้าง view
มีสองด้านที่สำคัญเป็นพิเศษ
ด้านแรก การ escape อัตโนมัติ ของผลลัพธ์ {{ }} ของ Blade มอบ XSS protection ในตัว (ประโยชน์ด้านความปลอดภัยที่สำคัญ ทำให้ script ที่ถูกฉีดเข้ามาในข้อมูลของผู้ใช้เป็นกลางโดยค่าเริ่มต้น คุณจะ opt out เฉพาะกับเนื้อหาที่เชื่อถือได้ด้วย {!! !!} เท่านั้น) ซึ่งเป็นเหตุผลสำคัญที่ใช้ Blade แทนการ echo PHP แบบดิบ
ด้านที่สอง template inheritance (@extends/@yield/@section) และ component (<x-component>) ช่วยให้โครงสร้าง view เป็น DRY และดูแลรักษาง่าย โดยกำหนด layout และส่วน UI ที่นำกลับมาใช้ใหม่ได้เพียงครั้งเดียวแทนการทำซ้ำ markup
Syntax ที่สะอาดและแสดงออกได้ดีของ Blade (หลีกเลี่ยงความรกของ PHP แบบดิบ) และฟีเจอร์เหล่านี้สำหรับการนำกลับมาใช้ใหม่และความปลอดภัย ทำให้มันเป็น templating engine ที่มีประสิทธิภาพและปลอดภัย
การรู้จัก Blade ได้แก่ syntax, การ escape อัตโนมัติ, inheritance และ component เป็นพื้นฐานสำหรับการสร้าง view layer ของแอปพลิเคชัน Laravel แบบ server-rendered อย่างมีประสิทธิภาพและปลอดภัย