Search Multiple Keyword adalah sebuah pencarian dengan memasukan sebuah keyword dimana hasil yang ditampilkan sesuai inputan keyword. Jadi saat kita melakukan inputan sesuai keyword atau kata kunci yang ingin dicari. Maka hasilnya menampilkan semua data yang berhubungan atau sama seperti keyword yang sudah dimasukan.
Oke langsung saja kita membuatnya, yuk ikuti langkah-langkah berikut ini:
Langkah Pertama
Buat database untuk data ayang akan ditampilkan, sebagai contoh seperti yang saya buat.
Langkah Kedua
sahabat buat file lalu beri nama index.php, kemudian ketikkan code seperti dibawah ini
|
1 2 3 4 5 6 7 8 |
<html> <head> <title>Cara Membuat Search Multiple Keyword Menggunakan PHP</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> </head> <body> |
code diatas adalah bagian pada tag head yang berisi library bootstrap dan jquery, jika sudah selanjutnya code bagian body seperti berikut
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<div class="container my-5"> <div class="col-md-6 offset-md-3"> <h4 class="text-center my-4">Cara Membuat Search Multiple Keyword di PHP</h4> <form class="form-inline" method="post"> <div class="form-group mb-2"> <label for="inputKeyWord" class="sr-only">Silahkan Masukan Kata Kunci</label> <input type="text" readonly class="form-control-plaintext" value="Masukan Kata Kunci :"> </div> <div class="form-group mx-sm-3 mb-2"> <label for="inputKeyWord" class="sr-only">Silahkan Masukan Kata Kunci</label> <input type="text" name="cari" class="form-control" value="<?php if(isset($_GET["cari"])) echo $_GET["cari"]; ?>" /> </div> <button type="submit" name="submit" class="btn btn-primary btn-sm"> Cari... </button> </form> <div class="card" style="width: 33rem;"> // didalam class=card ini digunakan untuk menampilkan data yang dicari </div> </div> </div> </body> </html> |
Langkah Ketiga
Selanjutnya membuat sebuah konfigurasi ke database dan event cari seperti code dibawah ini
|
1 2 3 4 5 6 7 8 9 10 11 |
<?php $conn = mysqli_connect("localhost", "root", "", "test"); if(isset($_POST["submit"])) { if(!empty($_POST["cari"])) { $sql = str_replace(" ", "+", $_POST["cari"]); header("location:index.php?cari=" . $sql); } } ?> |
Apabila sudah sekarang untuk process mencari data sesuai keyword yang dimasukan ,lalu data akan ditampilkan menggunakan list seperti dalam langkah pertama terdapat pada class=”card”.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<div class="card" style="width: 33rem;"> <?php if(isset($_GET["cari"])) { $condition = ''; $sql = explode(" ", $_GET["cari"]); foreach($sql as $keyword) { $condition .= "title LIKE '%".mysqli_real_escape_string($conn, $keyword)."%' OR "; } $condition = substr($condition, 0, -4); $sql_query = "SELECT * FROM tb_artikel WHERE " . $condition; $result = mysqli_query($conn, $sql_query); if(mysqli_num_rows($result) > 0) { while($row = mysqli_fetch_array($result)) { echo '<ul class="list-group"> <li class="list-group-item">'.$row["title"]. '</li> </ul>'; } } else { echo '<label>Data tidak ditemukan</label>'; } } ?> </div> |
Oke langkah selanjutnya yaitu implementasi ,coba sahabat simpan code yang sudah diketikkan tadi kemudian buka pada browser masing-masing. Jika benar akan seperti tampilan dibawah ini
Demikian pembahasan kali ini Cara Membuat Search Multiple Keyword Menggunakan PHP. semoga bermanfaat dan sampai jumpa dengan pembahasan lainnya.
terima kasih