CRUD dengan PHP

Tugas Pemrograman Web Dinamis yang pertama untuk membuat Create Update dan Delete dengan menggunakan bahasa pemrograman PHP dalam tugas ini dengan konsep pendataan Penyakit contohnya ada id,nama, dan keterangan penyakit.

sebelumnya kita buat databasenya terlebih dahulu di localhost/phpmyadmin dengan nama penyakit.

CREATE TABLE IF NOT EXISTS `data_penyakit`
(
 `id_penyakit` varchar(10) NOT NULL,
 `nama_penyakit` varchar(20) NOT NULL,
 `keterangan` varchar(30) NOT NULL,
 PRIMARY KEY (`id_penyakit`)
)

Untuk menghubungkan database kita buat file php dengan nama koneksi.php

<?php

mysql_connect("localhost","root","");
mysql_select_db("penyakit");

?>


Kemudian membuat Form Data Penyakit dengan nama index.php tampilan dengan mengambil css bootstrap

<html>
 <head>
 <title>Pemrograman Web Dinamis</title>

<!-- Bootstrap -->
 <link href="css/bootstrap.css" rel="stylesheet">

<!-- Styles -->
 <link href="css/style.css" rel="stylesheet">

</head>
 <body>
 <div class="container">

<!-- Form -->
 <form class="form-horizontal" method="post" action="aksi_data.php">

<h2 align="center"><strong>Form Data Penyakit</strong></h2>
 <div class="control-group">
 <div class="controls">

<!-- Tabel data -->
 <table class="table">
 <tr class="success">
 <td><strong>ID Penyakit</strong></td>
 <td>:</td>
 <td><input required="required" type="text" name="id_penyakit"class="form-control"></td>
 </tr>
 <tr class="success">
 <td><strong>Nama Penyakit</strong></td>
 <td>:</td>
 <td><input required="required" type="text" name="nama_penyakit" class="form-control"></td>
 </tr>
 <tr class="success">
 <td><strong>Keterangan Penyakit</strong></td>
 <td>:</td>
 <td><textarea required="required" class="form-control" name="keterangan" rows="3"></textarea></td>
 </tr>

 </table>
 <!-- Akhiran Tabel -->
 <button type="reset" class="btn">Cancel</button>
 <button type="submit" class="btn btn-primary">Simpan</button>
 </div>
 </div>
 </form><br><br>
 <!-- Akhiran Form -->

<div class="footer">
 <center><p>&copy; Pemrograman Web Dinamis 2013</p></center>
 </div>

</div>

</body>
</html>

Maka tampilan index.php akan seperti ini

index

Untuk menyimpan data inputan dari index.php kita buat lagi file dengan nama aksi_data.php

</pre>
<html>
 <head>
 <title>Pemrograman Web Dinamis</title>

<!-- Bootstrap -->
 <link href="css/bootstrap.css" rel="stylesheet">

<!-- Styles -->
 <link href="css/style.css" rel="stylesheet">

</head>
 <body>
 <div class="container">

<?php

include "koneksi.php";

$id_penyakit = $_POST['id_penyakit'];
$nama_penyakit = $_POST['nama_penyakit'];
$keterangan = $_POST['keterangan'];

$simpan = "insert into data_penyakit (id_penyakit,nama_penyakit,keterangan)
 values ('$id_penyakit','$nama_penyakit','$keterangan')";
$hasil = mysql_query($simpan);
 if ($hasil)
 {
 echo "<h3 align='center'>DATA BERHASIL DI SIMPAN !</h3>
 <center>
 <a href='tampil.php'
 <button type='submit' class='btn btn-primary'>Lihat Data</button>
 </a>
 </center>";
 }else{
 echo "<h3>DATA GAGAL DISIMPAN !</h3>
 <a href='index.php'
 <button type='submit' class='btn btn-danger'>Back</button>
 </a>";
 }

?>

</div>
</body>
</html>
<pre>

Bila data berhasil di simpan ke dalam data base maka akan tampil seperti ini

berhasil
Kemudian untuk menampilkan data dari database kita buat nama file tampil.php

</pre>
<html>
 <head>
 <title>Pemrograman Web Dinamis</title>

<!-- Bootstrap -->
 <link href="css/bootstrap.css" rel="stylesheet">

<!-- Styles -->
 <link href="css/style.css" rel="stylesheet">

</head>
 <body>
 <div class="container">

<h2 align="center"><strong>DAFTAR PENYAKIT</strong></h2>
 <div class="control-group">
 <div class="controls">

<!-- Tabel data -->
 <table class="table">
 <tr>
 <td align="center"><strong>ID</strong></td>
 <td align="center"><strong>Nama Penyakit</strong></td>
 <td align="center"><strong>Keterangan</strong></td>
 <td></td>
 </tr>

<?php

include 'koneksi.php';

$qdata = mysql_query("select * from data_penyakit");
 while ($rdata = mysql_fetch_array($qdata))
 {

$id_penyakit = $rdata ["id_penyakit"];
 $nama_penyakit = $rdata ["nama_penyakit"];
 $keterangan = $rdata ["keterangan"];
 echo '<tr>
 <td class="success" align="center">'.$id_penyakit.'</td>
 <td class="success" align="center">'.$nama_penyakit.'</td>
 <td class="success" align="center">'.$keterangan.'</td>
 <td class="success" align="center">
 <a href="delete.php?id='.$id_penyakit.'">
 <button type="submit" class="btn btn-danger">Hapus</button>
 </a>
 <a href="edit.php?proses='.$id_penyakit.'">
 <button align="right" type="submit" class="btn btn-primary">Edit</button>
 </a>
 </td>
 </tr>';

 }
 ?>
 </table>
 <!-- Akhiran Tabel -->
 <a href="index.php">
 <button align="right" type="submit" class="btn btn-primary">Add data</button>
 </a><br><br>
 </div>

</div>

<div class="footer">
 <center><p>&copy; Pemrograman Web Dinamis 2013</p></center>
 </div>

</div>

</body>
</html>
<pre>

Tampilan dari file tampil.php akan seperti ini

tampil
Kemudian untuk membuat file hapus data dengan nama delete.php

</pre>
<?php

include 'koneksi.php';

/* ---- Hapus Data ---- */
 if ($_GET['id']!=NULL)
 {
 $query= "DELETE FROM data_penyakit WHERE id_penyakit ='$_GET[id]'";
 $hapus=mysql_query($query);
 if($hapus)

{
 header('location:tampil.php');
 }else{
 echo'<center>Gagal Menghapus Data</center>';
 }
 }else{
 echo'ERRORR';
 }
?>

&nbsp;
<pre>

Otomatis jika kita clik button hapus maka file dari database akan terhapus dengan menghubungkan file delete.php dan tampil.php

Setelah membuat file delete.php kemudian kita buat file untuk mengedit data dengan nama edit.php

</pre>
<?php include 'koneksi.php'; ?>
<html>
<head>
 <title>Pemrograman Web Dinamis</title>

<!-- Bootstrap -->
 <link href="css/bootstrap.css" rel="stylesheet">

<!-- Styles -->
 <link href="css/style.css" rel="stylesheet">

</head>
<body>
 <?php
 $proses=$_GET['proses'];
 $query3=mysql_query("select * from data_penyakit where id_penyakit =".$proses."");
 if($query3){
 $data=mysql_fetch_array($query3);
 }else{
 echo 'EROR';
 }
 ?>
 <div class="container">
 <div class="navbar">
 <h2 align="center"><strong>FORM EDIT DATA PENYAKIT</strong></h2>

<form class="form-horizontal" method="post">
 <div class="control-group">
 <div class="controls">

<!-- Tabel data -->
 <table class="table">
 <tr class="success">
 <td for="id_penyakit"><strong>ID Penyakit</strong></td>
 <td>:</td>
 <td>
 <input required="required" class="form-control" type="text" name="id_penyakit" proses="id_penyakit" value="<?php echo $data['id_penyakit'] ?>">
 </td>
 </tr>
 <tr class="success">
 <td for="nama_penyakit"><strong>Nama Penyakit</strong></td>
 <td>:</td>
 <td>
 <input required="required" class="form-control" type="text" name="nama_penyakit" proses="nama_penyakit" value="<?php echo $data['nama_penyakit'] ?>">
 </td>
 </tr>
 <tr class="success">
 <td for="keterangan"><strong>Keterangan Penyakit</strong></td>
 <td>:</td>
 <td>
 <input required="required" class="form-control" type="text" name="keterangan" proses="keterangan" value="<?php echo $data['keterangan'] ?>">
 </td>
 </tr>

 </table>
 <!-- Akhiran Tabel -->
 <button type="submit" class="btn btn-primary">Simpan</button>
 </div>
 </div>
 </form><br><br>
 <!-- Akhiran Form -->
 <div class="footer">
 <center><p>&copy; Pemrograman Web Dinamis 2013</p></center>
 </div>
 </div>
 </div>
</body>
</html>
<?php
if($_POST){

$id_penyakit = $_POST['id_penyakit'];
$nama_penyakit = $_POST['nama_penyakit'];
$keterangan = $_POST['keterangan'];

$query = "UPDATE data_penyakit SET id_penyakit='$id_penyakit', nama_penyakit= '$nama_penyakit', keterangan='$keterangan'
 WHERE id_penyakit=$proses";
$result = mysql_query($query) or die(mysql_error());

mysql_close();

if ($result > 0) {
 header('Location:tampil.php');
} else {
 echo'ERRROR';
}

}
?>
<pre>

Maka akan tampil seperti ini
edituntuk agar tampilan seperti di atas download css bootstrap terlebih dahulu.
Sekian dan terima kasih🙂

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s