Cara Membuat Menu di Laravel

Cara Membuat Menu di Laravel
Gambar 1. Penampakkan Menu di Laravel

Cara Membuat Menu di Laravel – Ternyata membuat menu di Laravel sangatlah mudah, berikut caranya :

Langkah-langkah Membuat Menu di Framework Laravel

1. Pertama-tama pastikan bahwa Anda sudah menerapkan tutorial “Cara Menampilkan Data Dari Database di Laravel” dan “Cara Membuat Pagination di Laravel” terlebih dahulu.
2. Setelah itu buka Visual Studio Code Anda, lalu pastikan bahwa project Anda sudah dimasukkan ke dalam workspace dan terminal Anda berada di dalam folder project Anda.
3. Kemudian buka file app.blade.php yang berada di dalam folder resources > views > layouts.
4. Lalu tambahkan kode di bawah ini

<li class="nav-item">
    <a class="nav-link" href="{{ url('/home') }}">Home</a>
</li>
<li class="nav-item">
    <a class="nav-link" href="{{ route('nilaimhs') }}">Nilai Mahasiswa</a>
</li>

Kode 1. Menu

tepat di bawah kode

<!-- Left Side Of Navbar -->
<ul class="navbar-nav mr-auto">

Kode 2. Left Side Of Navbar

Untuk mengedit menu tersebut, Anda hanya perlu mengganti kode url('/home') atau route('nilaimhs') dengan alamat/route/URL menu lain, sedangkan untuk tulisan Home atau Nilai Mahasiswa bisa Anda ganti dengan nama menu sesuai dengan yang Anda inginkan. Untuk menambahkan menu baru, Anda cukup menambahkan kode di bawah ini tepat di bawah Kode 1. lalu mengedit URL dan nama menunya sesuai dengan yang Anda inginkan.

<li class="nav-item">
    <a class="nav-link" href="{{ route('nilaimhs') }}">Nilai Mahasiswa</a>
</li>

Kode 3. Menambahkan Menu Baru

Kodingan Menu di Laravel
Gambar 2. Penempatan Koding dalam Pembuatan Menu di Laravel

6. Simpan perubahan yang ada, kemudian ketikkan perintah php artisan serve di terminal Visual Studio Code untuk menjalankan website Anda.
7. Langkah terakhir, ketikkan localhost:8000/nilaimhs di web browser untuk melihat hasilnya. Jika muncul tampilan seperti Gambar 1, maka Anda telah berhasil membuat menu di Laravel.

Leave a Reply