Belajar Blade Pada Laravel 5

Belajar Blade Pada Laravel 5

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)
      <!-- 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>
      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.
    • Template Eksternal
      <!-- 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
      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
      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

      1. memeriksa ketersediaan nilai pada sebuah variabel menggunakan isset
        <!-- Contoh variabel $nama -->
        {{ isset($nama) ? $nama : 'Nama tidak ditemukan' }}
        atau dengan cara yang lebih sederhana
        <!-- Contoh dengan metode OR pada variabel $nama -->
        {{ isset($nama) or 'Nama tidak ditemukan' }}
        penjelasannya adalah: jika variabel $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
      2. 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
      3. 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

      1. 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
      2. Menggunakan Stetmen looping data (For, Foreach, Forelse, While)
        Penggunaan Looping pada Laravel juga sangat identik dengan PHP, perhatikan contoh sintak berikut:
        @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: Perulangan dengan For akan dilakukan sebanyak 10 kali selama nilai lebih kecil dari 10
        @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 dengan Foreach data akan ditampilkan selama tersedia pada sebuah variabel
        @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)
        */
        Penjelasan : pada perulangan While tergantung pada kebutuhan nilai benar atau salah
      3. 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>

Subscribe to receive free email updates:

0 Response to "Belajar Blade Pada Laravel 5"

Posting Komentar