Cara Membuat Breadcrumb Dinamis Dengan Laravel Mudah

Cara Membuat Breadcrumb Dinamis Dengan Laravel

Apa itu Breadcrumb ?

Breadcrumb adalah navigasi yang membantu user untuk mengetahui lokasi user saat sedang berada dalam website. 

Jika kalian mempunyai website dengan banyak cabang dan halaman kalian bisa membuat breadcrumb untuk membuat UI website kalian lebih usefull dan penuh fitur

Langsung aja Cara buat nya :

Bahan - bahan: 

- Framework Laravel

- Breadcrumb Template (Bisa dari framework atau buat sendiri), disini akan menggunakan bootstrap

Source Code : 

breadcrumb.blade.php

<?php

$url = request()->getPathInfo(); // Ambil Url

$items = explode('/', $url); // Pecah Url menjadi Array dengan pembatas '/'

unset($items[0]); // Hilangkan array index pertama karena url selalu mulai dengan '/'

?>

<nav aria-label="breadcrumb">

    <ol class="breadcrumb">

        <li class="breadcrumb-item"><a href="/">VnBlog</a></li> {{-- BreadCrumb --}}

        @foreach ($items as $key => $item)

            @if ($key == count($items))

                <li class="breadcrumb-item active" aria-current="page">

                    {{ Str::ucfirst($item) }}

                    {{-- tambahkan class 'active' untuk item pertama --}}

                </li>

            @else

                <li class="breadcrumb-item">

                    <a href="/{{ $item }}">{{ Str::ucfirst($item) }}</a>

                    {{-- jadikan item sebelum nya menjadi link --}}

                </li>

            @endif

        @endforeach

    </ol>

</nav>

Taruh di file view

@include('lokasi_file.breadcrumb')

Sekian Terimakasih