Templat dan Tampilan Blade
Render HTML dinamis dengan direktif, tata letak, dan komponen Blade.
Templat dan Tampilan Blade adalah pelajaran PHP Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar PHP Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus PHP Academy mencakup 4 pelajaran total.
Apa Itu Blade?
Blade adalah mesin templat Laravel. Berkasnya diakhiri dengan .blade.php dan mendukung direktif, perulangan, serta pewarisan tata letak. Blade dikompilasi menjadi PHP biasa dan disimpan dalam tembolok.
Menampilkan Variabel
Gunakan kurung kurawal ganda untuk menampilkan variabel. Nilainya secara otomatis disaring untuk mencegah XSS.
{{-- resources/views/greeting.blade.php --}}
<h1>Hello, {{ $name }}</h1>
<p>You have {{ $messageCount }} messages.</p>Keluaran Mentah
Gunakan {!! !!} untuk keluaran HTML mentah (tanpa pelolosan). Gunakan ini hanya untuk konten tepercaya.
{!! $htmlContent !!}Kondisional
Blade menyediakan @if, @elseif, @else, dan @endif.
@if($user->isAdmin())
<a href="/admin">Admin Panel</a>
@elseif($user->isEditor())
<a href="/editor">Editor</a>
@else
<a href="/dashboard">Dashboard</a>
@endif@isset dan @empty
Bentuk singkat yang praktis untuk pemeriksaan nilai null atau kosong yang umum.
@isset($username)
<p>Welcome, {{ $username }}</p>
@endisset
@empty($items)
<p>No items found.</p>
@endemptyPerulangan
Blade mendukung @foreach, @for, @while, dan @forelse (dengan cadangan @empty).
@forelse($posts as $post)
<article>
<h2>{{ $post->title }}</h2>
</article>
@empty
<p>No posts yet.</p>
@endforelseVariabel $loop
Di dalam @foreach, $loop menyediakan metadata: $loop->index, $loop->first, $loop->last, $loop->count.
Tata Letak dengan @extends dan @section
Tentukan tata letak utama, lalu perluas tata letak tersebut dalam tampilan turunan.
{{-- layouts/app.blade.php --}}
<html>
<body>
@yield("content")
</body>
</html>
{{-- pages/home.blade.php --}}
@extends("layouts.app")
@section("content")
<h1>Home Page</h1>
@endsection@include
Sertakan tampilan parsial.
@include("partials.nav")
@include("partials.alert", ["type" => "success", "msg" => "Saved!"])Komponen Blade
Komponen yang dapat digunakan ulang berada di resources/views/components/ dan digunakan dengan sintaks <x-component-name>.
{{-- components/alert.blade.php --}}
<div class="alert alert-{{ $type }}">
{{ $slot }}
</div>
{{-- Usage: --}}
<x-alert type="success">Profile updated!</x-alert>Meneruskan Data ke Tampilan
Dari pengendali, teruskan data menggunakan view() dengan array atau compact().
<?php
return view("users.index", [
"users" => User::all(),
"title" => "All Users",
]);
// Or:
return view("users.index", compact("users", "title"));Ringkasan
Blade dikompilasi menjadi PHP. Gunakan {{ }} untuk keluaran yang diamankan, @extends/@section untuk tata letak, @foreach/@forelse untuk perulangan, dan <x-component> untuk antarmuka pengguna yang dapat digunakan ulang.
Pemeriksaan Singkat
Sintaks Blade mana yang mengamankan keluaran untuk mencegah XSS?
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Templat dan Tampilan Blade” gratis?
Ya — teks lengkap “Templat dan Tampilan Blade” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus PHP Academy, upgrade ke CoddyKit PRO. Kursus PHP Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Templat dan Tampilan Blade”?
Render HTML dinamis dengan direktif, tata letak, dan komponen Blade. Kamu berlatih PHP Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai PHP Academy?
Tidak diperlukan pengalaman sebelumnya. PHP Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.
Berapa lama pelajaran “Templat dan Tampilan Blade” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran PHP Academy ini?
Ya. Setiap pelajaran PHP Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Struktur Proyek Laravel
- Mendefinisikan Rute di Laravel
- Controller dan Action
- Templat dan Tampilan Blade