• Translate

3/06/2015

Cara Membuat Script Searching Dengan PHP dan MySql

Tutorial PHP |

Advertisement

Searching atau pencarian adalah fasilitas yang hampir selalu ada dalam setiap aplikasi, baik aplikasi berbasis web ataupun desktop. Setiap halaman web/ blog juga akan ditemukan fasilitas ini. Tutorial kali ini akan saya bahas mengenai konsep dasar dari searching, dengan melakukan pencarian pada data terstruktur (database).

Langkah 1 : Persiapkan Database
  • Buat database dengan nama db_tutorial
  • Siapkan tabel dengan nama tb_student, dengan struktur tabel seperti gambar dibawah ini. 
    Tabel Searching
  • Insert-kan beberapa sample data untuk contoh, lihat gambar dibawah :
    contoh query
  • Selesai Dengan Database

Langkah 2 : Persiapkan Folder Kerja
  • Buat folder dengan nama searching atau apa saja yang sobat inginkan dalam document root anda
  • Simpan semua file dalam praktikum ini dalam folder tersebut.

Langkah 3 : Membuat script koneksi ke DB
  • Ketikkan script berikut, 
<?php
$host = "localhost";
$user = "root";
$pass = "";
$dbName = "db_tutorial";
mysql_connect($host, $user, $pass);
mysql_select_db($dbName)
or die ("Connect Failed !! : ".mysql_error());
?>
  • Simpan dengan nama connect.php.
Nb: Script diatas berfungsi untuk menghubungkan script aplikasi yang dibuat dengan database yang dibuat, sesuaikan user dan password Mysql sobat.


Langkah 4 : Membuat form pencarian
  • Ketikkan script berikut,
<html>
<head>
<title> Halaman Pencarian </title>
</head>
<body>
<form name="formcari" method="post" action="search_exe.php">
<table width="330" border="0" align="center" cellpadding="0">
<tr bgcolor="orange">
<td height="25" colspan="3">
<strong> Student Searching ! </strong>
</td>
</tr>
<tr> <td>  Name </td>
<td> <input type="text" name="name"> </td>
</tr>
<td></td>
<td> <input type="SUBMIT" name="SUBMIT" id="SUBMIT" value="search" > </td>
</table>
</form>
</body>
</html>

  • Simpan dengan nama formsearching.php
Nb: script diatas adalah HTML script biasa yang akan menampilkan form. Perhatian bagian action="search_exe.php", bagian ini dimaksudkan bahwa form akan diproses oleh script search_exe.php


Langkah 5 : Membuat script pemrosesan dan menampilkan hasil searching
  • Ketikkan script berikut,
<?php
include "connect.php";
$name= $_POST['name']; //get the nama value from form
$q = "SELECT * from tb_student where name like '%$name%' "; //query to get the search result
$result = mysql_query($q); //execute the query $q
echo "<center>";
echo "<h2> Hasil Searching </h2>";
echo "<table border='1' cellpadding='5' cellspacing='8'>";
echo "
<tr bgcolor='orange'>
<td>No</td>
<td>Nama Mahasiswa</td>
<td>Alamat</td>
</tr>";
while ($data = mysql_fetch_array($result)) {  //fetch the result from query into an array
echo "
<tr>
<td>".$data['no']."</td>
<td>".$data['name']."</td>
<td>".$data['address']."</td>
</tr>";
}
echo "</table>";
?>

  • Simpan dengan nama search_exe.php

Langkah 6 : Testing Mode
  • Ketikkan http://localhost/searching/formsearching.php di web browser sobat
form searching

  • Masukkan nama pada field nama (misal nama yang telah diinsert ke DB, yaitu june)
  • Klik tombol search dan anda akan melihat hasilnya.
hasil searching

Bagaimana mudah bukan membuat searching dengan PHP dan MySql? dengan dasar script diatas kita bisa membuat searching yang lebih kompleks dalam penggunaannya, bayangkan yang membuat searching untuk google atau yahoo, bagaimana mereka bisa membuat sistem pencarian yang lebih maksimal? pelajari kode diatas dan kembangkan lagi skill sobat untuk PHP dan MySql ini.

Salam Bloggers,

Disclaimer: Images, Content of articles or videos that exist on the web sometimes come from various sources of other media. Copyright is fully owned by the source. If there is a problem with this matter, you can contact us here.
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box