Selasa, 25 Februari 2014

Home » , , , » Tutorial Dasar PHP : Membuat Aplikasi CRUD Sederhana Dengan PHP

Tutorial Dasar PHP : Membuat Aplikasi CRUD Sederhana Dengan PHP

2/25/2014  , , ,  1 comment

Dalam memmbuat sebuah program berbasis web, hal yang paling penting dan paling utama untuk dikuasai adalah membuat aplikasi CRUD (CREATE, READ, UPDATE dan DELETE). Nah untuk kesempatan kali ini saya akan membahas bagaimana cara membuat aplikasi CRUD, Dalam tutorial ini saya sudah menganggap para pembaca paham dan mengerti cara penggunaan aplikasi XAMPP dan membuat database di phpmyadmin. Okayy langsung aja ke tutorialnya, berikut langkah langkahnya :

1. Buatlah sebuah database dengan nama data_warga kemudian buat sebuah tabel beri nama database_warga dengan ketentuan sebagai berikut :

 id = int(11) auto increment
nama = varchar(50)
status = varchar(50)
pekerjaan = varchar(50)
umur = varchar(50)

2. Langkah selanjutnya adalah buka notepad kesayangan anda dan buat sebuah file bar lalu tulis kode berikut ini :

<?php
$host = "localhost" ;
$user = "" ;
$pass = "" ;
$db = "data_warga" ;
mysql_connect ($host, $user, $pss) ;
mysql_select_db ($db) ;
?>

kemudian simpan file dengan nama koneksi.php.

3.  Langkah selanjutnya adalah membuat file baru yang fungsnya menginput data ke dalam database, buka notepad anda dan buat file lalu tulis kode berikut ini :


<!DOCTYPE html>
<head><title>Form Input Data</title>
<body>
<center>
<h1>FORM INPUT DATA</h1>
<form method="post" action="simpandata.php">
<table>
<tr>
<td>Nama</td><td> : </td><td><input type="text" name="nama" required/></td></tr>
<tr>
<td>Status</td><td> : </td><td><input type="text" name="status" required/></td></tr>
<tr>
<td>Pekerjaan</td><td> : </td><td><input type="text" name="pekerjaan" required/></td></tr>
<tr>
<td>Umur</td><td> : </td><td><input type="text" name="umur" required/></td></tr>
</table>
<br>
<input type="submit" value="Simpan"> <input type="reset" value="Reset"> <input type="button" value="Back" onclick="top.location='index.php'" />
<br>
</form>
</center>
</body>
</html>

Lalu simpan file dengan nama inputdata.php.

4. Sesuai dengan form input data yang telah kita buat tahap selanjutnya adalah membuat file baru, buka notepad anda lagi lalu tulis script berikut ini dan simpan file dengan nama simpandata.php.
<?php
include "koneksi.php" ;

$simpan = "insert into database_warga set nama='$_POST[nama]' , status='$_POST[status]' , pekerjaan='$_POST[pekerjaan]' , umur='$_POST[umur]' " ;

mysql_query ($simpan) ;

header ('location:inputdata.php') ;

?>

5. Tahap selanjutnya adalah menampilkan data yang telah kita inputkan, buat lagi file baru lalu uliskan kode berikut ini :

<!DOCTYPE html>
<head><title>Tampil Data</title>
<body>
<center>
<h1>DATA WARGA</h1>
<table border='1'>
<tr>
<td>No</td>
<td>Nama</td>
<td>Status</td>
<td>Pekerjaan</td>
<td>Umur</td>
<td>Pilihan</td>
</tr>
<?php
include "koneksi.php" ;

$sql = "select * from database_warga order by id" ;
$query = mysql_query($sql) ;
$no = 1 ;
while ($data=mysql_fetch_array($query)) { ?>
<tr>
<td><?php echo $no++ ; ?></td>
<td><?php echo $data['nama'] ; ?></td>
<td><?php echo $data['status'] ; ?></td>
<td><?php echo $data['pekerjaan'] ; ?></td>
<td><?php echo $data['umur'] ; ?></td>
<td><a href="editdata.php?id=<?php echo $data['id'] ; ?>">Edit</a> | <a href="hapusdata.php?id=<?php echo $data['id'] ; ?>">Hapus</a></td>
</tr>
<?php } ?>
</table>
<br>
 <input type="button" value="Input Data" onclick="top.location='inputdata.php'" />
</center>
</body>
</html>

lau simpan dengan nama index.php.

6. Untuk mengedit data kita butuh sebuah file, okay langsung saja buat sebuah file baru beri nama editdata.php lalu tulis script berikut ini :

<!DOCTYPE html>
<head><title>Form Edit Data</title>
<body>
<center>
<h1>FORM EDIT DATA</h1>
<form method="post" action="updatedata.php">
<table>
<tr>
<?php
include "koneksi.php" ;
$sql = "select * from database_warga where id='$_GET[id]' " ;
$query = mysql_query ($sql) ;
$data = mysql_fetch_array ($query) ;
?>
<input type="hidden" name="id" value="<?php echo $data['id'] ; ?>">
<td>Nama</td><td> : </td><td><input type="text" name="nama" value="<?php echo $data['nama'] ; ?>" required/></td></tr>
<tr>
<td>Status</td><td> : </td><td><input type="text" name="status" value="<?php echo $data['status'] ; ?>" required/></td></tr>
<tr>
<td>Pekerjaan</td><td> : </td><td><input type="text" name="pekerjaan" value="<?php echo $data['pekerjaan'] ; ?>" required/></td></tr>
<tr>
<td>Umur</td><td> : </td><td><input type="text" value="<?php echo $data['umur'] ; ?>" name="umur" required/></td></tr>
</table>
<br>
<input type="submit" value="Simpan"> <input type="reset" value="Reset"> <input type="button" value="Back" onclick="top.location='index.php'" />
<br>
</form>
</center>
</body>
</html>

7. Langkah selanjutnya adalah membuat file updatedata.php yang fungsinya adalah mengupdate data yang telah kita edit, buat sebuah file baru beri nama updatedata.php lalu tulis kode berikut ini :

<?php
include "koneksi.php" ;

$update = "update database_warga set nama='$_POST[nama]' , status='$_POST[status]' , pekerjaan='$_POST[pekerjaan]' , umur='$_POST[umur]' where id ='$_POST[id]' " ;

mysql_query($update) ;

header ('location:index.php') ;
?>

8. Langkah terakhir adalah membuat file delete.php yang fungsinya untuk menghapus data yang telah kita inputkan, tulis kode berikut lalu simpan file dengan nama delete.php :

<?php
include "koneksi.php" ;

$delete = "delete from database_warga where id='$_GET[id]' " ;

mysql_query($delete) ;

header ('location:index.php') ;
?>

9. Selamat mencoba, kini giliran anda untuk mengembangkannya,,,,,,!

Hargailah karya orang lain dengan menyertakan link sumber saat COPAS....!

Salam
Harley Daoelay

1 komentar:

Silahkan Berkomentar..!