Cara Membuat Fitur Pencarian Dengan PHP & MySQL
Cara Membuat Fitur Pencarian dengan PHP & Mysql - Fitur pencarian pada aplikasi merupakan suatu elemen yang sangat penting dan wajib ada. Dengan fitur ini user akan sangat mudah dalam melakukan pencarian sebuah data, bayangkan saja jika fitur ini tidak ada dan user ingin mencari sebuah data tentu akan sangat menyulitkan bukan ? Nah, pada tutorial kali ini saya akan bagikan bagikan tutorial sederhana tentang bagaimana Cara Membuat Fitur Pencarian dengan PHP & Mysql.
Untuk membuat fitur pencarian tentu hal yang pertama kali harus ada adalah data nya, pada kasus ini saya sudah menyiapkan table yang akan menampung data yang kemudian akan mejadi bahan untuk pencarian.
Setelah data sudah tersedia, selanjutnya adalah membuat fitur pencarian. Diawali dengan konfigurasi database seperti berikut.
<?php
$db = new Mysqli("localhost", "root", "", "tb_image");
$db = new Mysqli("localhost", "root", "", "tb_image");
Setelah konfigurasi telah dibuat, selanjutnya membuat fitur pencarian pada data table dengan kode PHP seperti berikut.
<body>
<div class="container mt-3">
<div class="row">
<div class="col-md-5">
<form method="post" enctype="multipart/form-data">
<div class="form-group row">
<label for="inputName" class="col-sm-2 col-form-label">Nama:</label>
<div class="col-sm-10">
<input type="text" name="nama" class="form-control" id="inputName">
</div>
</div>
<div class="custom-file">
<input type="file" name="gambar" class="custom-file-input" id="customFile">
<label class="custom-file-label" for="customFile">Choose file</label>
</div>
<button type="submit" name="simpan" class="btn btn-sm btn-success mt-2">Simpan</button>
<div class="container mt-3">
<div class="row">
<div class="col-md-5">
<form method="post" enctype="multipart/form-data">
<div class="form-group row">
<label for="inputName" class="col-sm-2 col-form-label">Nama:</label>
<div class="col-sm-10">
<input type="text" name="nama" class="form-control" id="inputName">
</div>
</div>
<div class="custom-file">
<input type="file" name="gambar" class="custom-file-input" id="customFile">
<label class="custom-file-label" for="customFile">Choose file</label>
</div>
<button type="submit" name="simpan" class="btn btn-sm btn-success mt-2">Simpan</button>
<div class="form-group row mt-2">
<div class="col-sm-10">
<input type="text" name="keyword" class="form-control" id="">
</div>
<button type="submit" class="btn btn-sm btn-success" name="cari">Cari</button>
</div>
</form>
</div>
</div>
<div class="row mt-2">
<div class="col-md-5">
<table class="table table-striped table-hover">
<thead class="bg-info text-white">
<tr>
<th>#</th>
<th>Nama</th>
<th>Gambar</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
if(isset($_POST["cari"])){
$search = $_POST['keyword'];
<div class="col-sm-10">
<input type="text" name="keyword" class="form-control" id="">
</div>
<button type="submit" class="btn btn-sm btn-success" name="cari">Cari</button>
</div>
</form>
</div>
</div>
<div class="row mt-2">
<div class="col-md-5">
<table class="table table-striped table-hover">
<thead class="bg-info text-white">
<tr>
<th>#</th>
<th>Nama</th>
<th>Gambar</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
if(isset($_POST["cari"])){
$search = $_POST['keyword'];
$query = $db->query("SELECT * FROM rsh_upload_image WHERE nama_gambar LIKE '%$search%' ORDER BY id ASC");
} else {
$query = $db->query("SELECT * FROM rsh_upload_image ORDER BY id ASC");
}
} else {
$query = $db->query("SELECT * FROM rsh_upload_image ORDER BY id ASC");
}
$no = 1;
while($row = mysqli_fetch_assoc($query)) {
?>
<tr>
<td><?= $no++ ?></td>
<td><?= $row['nama_gambar'] ?></td>
<td>
<img src="images/<?= $row['gambar'] ?>" width="80">
</td>
<td>
<a href="" class="btn btn-sm btn-warning">Edit</a>
<a href="" class="btn btn-sm btn-danger">Hapus</a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</body>
?>
<tr>
<td><?= $no++ ?></td>
<td><?= $row['nama_gambar'] ?></td>
<td>
<img src="images/<?= $row['gambar'] ?>" width="80">
</td>
<td>
<a href="" class="btn btn-sm btn-warning">Edit</a>
<a href="" class="btn btn-sm btn-danger">Hapus</a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</body>
Setelah selesai bisa di coba apakah fitur nya bisa berfungsi atau tidak, jika belum berhasil bisa dicek kembali kode diatas.
Baiklah, cukup sekian artikel tentang bagaimana Cara Membuat Fitur Pencarian dengan PHP & Mysql, semoga bermanfaat dan selamat mencoba :)
Komentar
Posting Komentar