Cara Membuat Fitur Pencarian dengan PHP & MySQL

07/07/2019    Risman Hakim    739     Website

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.

Cara Membuat Fitur Pencarian dengan PHP & Mysql

Setelah data sudah tersedia, selanjutnya adalah membuat fitur pencarian. Diawali dengan konfigurasi database seperti berikut.

<?php  
$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="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'];

                                $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");
                            }

                            $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>

Setelah selesai bisa di coba apakah fitur nya bisa berfungsi atau tidak, jika belum berhasil bisa dicek kembali kode diatas.

Cara Membuat Fitur Pencarian dengan PHP & Mysql

Baiklah, cukup sekian artikel tentang bagaimana Cara Membuat Fitur Pencarian dengan PHP & Mysql, semoga bermanfaat dan selamat mencoba :)

PHP, MySQL

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More