Blade pada Laravel sangat diperlukan untuk memisahkan blade utama biasa dikenal dengan master blade dan mana yang merupakan blade dinamis dan juga berguna untuk memisahkan atau mengelompokkan bagian-bagian kode program. Berdasarkan pengamatan, pengelompokan blade pada Laravel dibagi menjadi 2 (dua) bagian yaitu Master Blade atau Template Utama, Child Blade atau Template Eksternal.
OK..! daripada kebanyakan teori mari kita bahas satu persatu- Template Utama (master blade)
Simpanlah sintak di atas dengan nama master.blade.php pada folder resources/views/layouts, jika belum membuat folder layouts buatlah terlebih dahulu pada folder resources/views.<!-- file ini disimpan pada folder:resources/views/layouts/master.blade.php -->
<html>
<head>
<title>www.bisacode.com - @yield('title')</title>
</head>
<body>
@section('sidebar')
jika memerlukan sidebar letakkan kodenya disini.
@show
<div class="container">
@yield('content')
</div>
</body>
</html>
- Template Eksternal
Simpanlah sintak di atas dengan nama index.blade.php pada folder resources/views/content, jika belum membuat folder content buatlah terlebih dahulu pada folder resources/views<!-- file ini disimpan pada: resources/views/content/child.blade.php -->
@extends('layouts.master')
@section('title', 'Judul Web')
@section('sidebar')
<p>ini master sidebar.</p>
@endsection
@section('content')
<p>ini adalah konten web.</p>
@endsection
Penjelasan jika file dieksekusi :
@extends('layouts.master')
mengarahkan file child.blade.php ke file master.blade.php yang ada pada folder layouts untuk dieksekusi
@section('title', 'Judul Web')
mengirim data dan ditampilkan pada master.blade.php dibagian title
@section('sidebar')
<p>ini master sidebar.</p>
@endsection
mengirim data dan ditampilkan pada master.blade.php di bagian sidebar
@section('content')
<p>ini adalah konten web.</p>
@endsection
mengirim data dan ditampilkan pada master.blade.php di bagian content
Menampilkan Nilai dari variabel
- memeriksa ketersediaan nilai pada sebuah variabel menggunakan
isset
atau dengan cara yang lebih sederhana<!-- Contoh variabel $nama -->
{{ isset($nama) ? $nama : 'Nama tidak ditemukan' }}
penjelasannya adalah: jika variabel<!-- Contoh dengan metode OR pada variabel $nama -->
{{ isset($nama) or 'Nama tidak ditemukan' }}$nama
berisi nilai atau data maka yang ditampilkan adalah data dari variabel$nama
, jika tidak maka yang ditampilkan adalah data yang tersedia yaitu Nama tidak ditemukan - menampilkan entitas html (htmlentities)
Secara umum menampilkan data pada Laravel menggunakan dua kurung kurawal buka dan dua kueung kurawal tutup seperti contoh {{ $nama }} , sintak ini akan menampilkan entitas html apa adanya, namun untuk mengeksekusi entitas html maka yang di yang digunakan adalah {!! $nama !!} contoh :<!-- misalnya variabel $nama berisi data : <strong> I Made P </strong> -->
{{ $nama }} data yang ditampilkan :<strong> I Made P </strong>
{!! $nama !!} data yang ditampikan : I Made P - Komentar yang tidak ditampilkan pada blade
Biasanya kita perlu memberi komentar pada setiap sintak atau kode program untuk menandai apa tujuan kode tersebut tetapi tidak ingin ditampilkan pada saat file tersebut dieksekusi<!-- Komentar ini akan tampil pada page source saat file di eksekusi -->
dan
{{-- Komentar ini tidak tampil pada page source saat file di eksekusi --}}
Kontrol Struktur pada Blade
- Penggunaan Stetmen IF
Penggunaan IF pada Laravel tidak jauh berbeda dengan penggunaan IF pada PHP murni yang membedakan hanya ditambahkan @ [at] perhatikan contoh berikut :@if (count($data) === 1)
Hanya ada 1 Data!
@elseif (count($data) > 1)
ada beberapa data!
@else
Tidak ada data ditemukan!
@endif - Menggunakan Stetmen looping data (For, Foreach, Forelse, While)
Penggunaan Looping pada Laravel juga sangat identik dengan PHP, perhatikan contoh sintak berikut:
Penjelasan: Perulangan dengan For akan dilakukan sebanyak 10 kali selama nilai lebih kecil dari 10@for ($i = 0; $i < 10; $i++)
Angka ke- {{ $i }} dari 10
@endfor
/*hasil
Angka ke- 0 dari 10
Angka ke- 1 dari 10
sampai
Angka ke- 8 dari 10
Angka ke- 9 dari 10
*/
Penjelasan : pada perulangan dengan Foreach data akan ditampilkan selama tersedia pada sebuah variabel@foreach ($Pengguna as $pg)
<p>ID Pengguna : {{ $pg->id }}</p>
@endforeach
/* Hasil
ID Pengguna : 1
ID Pengguna : 2
ID Pengguna : 3
dst. selama ada data pada $pg
*/
Penjelasan : pada perulangan While tergantung pada kebutuhan nilai benar atau salah@while (true)
<p>Akan berulang Selama bernilai benar.</p>
@endwhile
/*hasil
Akan berulang Selama bernilai benar.
Akan berulang Selama bernilai benar.
Akan berulang Selama bernilai benar.
dst.sampai bernilai salah (false)
*/
- Penggunaan Include
Include biasanya saya gunakan untuk memisahkan bagian dari sebuah halaman web yang telalu panjang dan kompleks, sehingga lebih mudah untuk dipahami misalnya dibagi menjadi 3 bagian yaitu Header, Content dan Footer, sehingga tampak seperti sintak berikut :<html>
<head>
@include('header')
</head>
<body>
@include('content')
@include('footer')
</body>
</html>
namun jika ketiga bagian file di atas berada dalam pada direktori resources/views/includes maka code include menjadi seperti berikut :<html>
<head>
@include('includes.header')
</head>
<body>
@include('includes.content')
@include('includes.footer')
</body>
</html>
0 Response to "Belajar Blade Pada Laravel 5"
Posting Komentar