Cara Membuat Fitur Pencarian Data di Laravel

Cara Membuat Fitur Pencarian Data di Laravel

Cara Membuat Fitur Pencarian Data di Laravel – Berikut ini adalah cara paling mudah untuk membuat fitur pencarian data di database menggunakan Laravel.

Tahap Persiapan

– Pastikan bahwa Anda sudah menerapkan tutorial “Cara Menampilkan Data Dari Database di Laravel” dan “Cara Membuat Pagination di Laravel” terlebih dahulu.
– Pastikan Anda sudah membuka Visual Studio Code dan menaruh project di Workspace.
– Pastikan terminal Visual Studio Code Anda sudah berada di dalam folder project Anda.
– Pastikan bahwa Anda menggunakan Laravel versi 5.8.x. Untuk memeriksa versi Laravel, silahkan ketikkan php artisan –version di terminal Visual Studio Code.
– Pastikan bahwa XAMPP sudah dinyalakan dan berjalan dengan baik.

Langkah-langkah Membuat Fitur Pencarian Data di Database Menggunakan Framework Laravel

1. Sebelum membuat fitur pencarian data di database menggunakan Laravel, langkah pertama yang harus Anda lakukan adalah menginstall package Laravel Collective HTML versi 5.8 (Laravel versi 5.8.x hanya support Laravel Collective HTML versi ini) dengan cara mengetikkan syntax composer require laravelcollective/html ^5.8 di terminal Visual Studio Code. Package ini digunakan untuk memudahkan developer dalam membuat form di Laravel. Jika muncul tulisan “Package manifest generated successfully.”, maka Anda telah berhasil menginstall package Laravel Collective HTML.

Instalasi Package Laravel Collective HTML Berhasi

2. Pada tutorial kali ini, penulis akan mencoba untuk membuat form pencarian mahasiswa berdasarkan nama. Untuk membuat form pencarian tersebut, silahkan buka file nilaimhs.blade.php di folder resources > views, lalu paste kode di bawah ini tepat di bawah kode @section('content') agar form tersebut tampil di atas sendiri.

{!! Form::open(['url' => 'nilaimhs', 'method'=>'get', 'class'=>'form-inline'])!!}
<div class="form-group {!! $errors->has('q') ? 'has-error' : '' !!}"> 
{!! Form::text('q', isset($q) ? $q : null, ['class'=>'form-control', 'placeholder' => 'Nama Mahasiswa..']) !!} 
{!! $errors->first('q', '<p class="help-block">:message</p>') !!} </div> 
{!! Form::submit('Search', ['class'=>'btn btn-primary']) !!} {!! Form::close() !!} 
<br>

Form Pencarian di Laravel

3. Masih tetap di dalam file nilaimhs.blade.php, silahkan rubah kode {{ $liat->links() }} menjadi {{ $liat->appends(compact('q'))->links() }} agar pagination bisa terkoneksi dengan fitur pencarian.

Pagination dikoneksikan ke Search

4. Langkah selanjutnya, buka file NilaiController.php di folder app > Http > Controllers, kemudian rubah kode di bawah ini

public function index()
{
   $hasil = basisdatab::paginate(5);
   return view('nilaimhs',['liat'=>$hasil]);
}

menjadi

public function index(Request $request)
{
   $q = $request->get('q');
   $hasil = basisdatab::where('nama', 'LIKE', '%'.$q.'%')->orderBy('nama')->paginate(5);
   return view('nilaimhs', ['liat'=>$hasil], ['q'=>$q]);
}

5. Kemudian ketikkan syntax php artisan serve di terminal Visual Studio Code untuk menjalankan Laravel, lalu ketikkan localhost:8000/nilaimhs di web browser Anda. Jika muncul tampilan seperti gambar di bawah ini, maka Anda telah berhasil membuat Fitur Pencarian Data di Database Menggunakan Laravel.

Fitur Pencarian Data di Database Menggunakan Laravel

6. Langkah terakhir uji fitur pencarian yang sudah dibuat dengan cara mengetikkan apapun di kolom pencarian, lalu tekan tombol Search. Jika muncul hasil sesuai dengan yang diinginkan, maka fitur pencarian ini sudah bisa dianggap berjalan dengan baik.

Leave a Reply