Membuat Tambah, Edit, Delete Website Dinamis Sederhana

 

Melanjutkan tutorial sebelumnya tentang membuat website dinamis sederhana kali ini pusatdesainweb.com akan memberikan tutorial mengenai cara untuk membuat halaman tambah data mahasiswa, halaman edit mahasiswa, dan halaman hapus mahasiswa.

Data-data yang digunakan masih sama dengan data-data yang digunakan untuk membuat website dinamis sederhana. Langsung saja

Kemarin kita sudah membuat file sambung.php dan file tampil.php, untuk membuat web yang lebih dinamis maka kita akan memodifikasi bagian file tampil.php. ini dia kode tampil.php yang sudah dimodofikasi

<?
//mengamnbil file sambung.php
//sebagai penghubung ke database
include "sambung.php";

echo "<table width=1019 border=0 cellpadding=2 cellspacing=1>

<tr>

<td width=26>No</td>

<td width=195>Nama Mahasiswa</td>

<td width=195>Alamat</td>

<td width=195>Tanggal lahir</td>

<td width=195>Umur</td>

</tr>" ;

//$no=0; variabel yang mengambil angka nol untuk awal paging

//membuat nomor urut otomatis di halaman

$no=0;

// $biodata = "SELECT * FROM biodata"; memilih tabel biodata

//secara keseluruhan

$biodata = "SELECT * FROM biodata";

$biodatasql = mysql_query($biodata, $sambung)

or die ("SQL Error: ".mysql_error());

// while ($biodatadata..... merupakan bentuk perulangan untuk

//menampilkan data mahasiswa

while ($biodatadata=mysql_fetch_array($biodatasql)) {

//$no++; menambah nomor urut otomatis jika data mahasiswa bertambah

$no++;

echo "<tr>

<td>$no</td>

<td>

$biodatadata[nama]</td>

<td>$biodatadata[alamat]</td>

<td>$biodatadata[tanggal_lahir]</td>

<td>$biodatadata[umur]</td>

</tr>";

//akhir paging harus diakhiri dengan kode } sebagai penutup

}

echo "</table>"; ?>

<?

//mengamnbil file sambung.php

//sebagai penghubung ke database

include "sambung.php";

echo "<table width=1019 border=1 cellpadding=2 cellspacing=1>

<tr>

<td width=26>No</td>

<td width=195>Nama Mahasiswa</td>

<td width=195>Alamat</td>

<td width=195>Tanggal lahir</td>

<td width=195>Umur</td>

<td width=195 colspan=2>Action</td>

</tr>" ;

//$no=0; variabel yang mengambil angka nol untuk awal paging

//membuat nomor urut otomatis di halaman

$no=0;

// $biodata = "SELECT * FROM biodata"; memilih tabel biodata

//secara keseluruhan

$biodata = "SELECT * FROM biodata";

$biodatasql = mysql_query($biodata, $sambung)

or die ("SQL Error: ".mysql_error());

// while ($biodatadata..... merupakan bentuk perulangan untuk

//menampilkan data mahasiswa

while ($biodatadata=mysql_fetch_array($biodatasql)) {

//$no++; menambah nomor urut otomatis jika data mahasiswa bertambah

$no++;

echo "<tr>

<td>$no</td>

<td>

$biodatadata[nama]</td>

<td>$biodatadata[alamat]</td>

<td>$biodatadata[tanggal_lahir]</td>

<td>$biodatadata[umur]</td>

<td><a href='edit.php?idmahasiswa=$biodatadata[id]'>Edit</a></td>

<td><a href='hapus.php?idmahasiswa=$biodatadata[id]'>Delete</a></td>

</tr>";

//akhir paging harus diakhiri dengan kode } sebagai penutup

}

echo "</table> <br> <a href='tambah.php'>Tambah Data Mahasiswa</a>";

?>

penjelasan script: terdapat penambahan link edit yang di dalamnya mengarahkan ke file edit.php, dengan membawa pengambilan data dengan metode GET yaitu idmahasiswa. Begitu juga dengan hapus.php. tujuannya pemberian metode GET ini adalah digunakan untuk mengambil data di database tabel biodata dan yang diambil ada kolom id, dengan begitu proses pengeditannya akan tepat sasaran yaitu di data mahasiswa yang memiliki  id samadengan di metode GET tersebut.

Setelah kita memodifikasi file tampil.php, sekarang kita akan membuat file tambah.php yang digunakan untuk menambah data mahasiswa. Berikut scriptnya

<?
 error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));
 ?>

<form id="form1" name="form1" method="post" action="tambah_proses.php">
  Tambah Data Mahasiswa

<table width="245" border="0" cellpadding="2" cellspacing="1">

<tr class="at">

<td>Nama Mahasiswa</td>

<td><input name="nama" type="text" id="nama" value="<?= $nama;?>" /></td>

</tr>

<tr class="at">

<td>Alamat</td>

<td><input name="alamat" type="text" id="alamat" value="<?= $alamat;?>" /></td>

</tr>

<tr class="at">

<td>Tanggal Lahir</td>

<td><input name="tanggal" type="text" id="tanggal" value="<?= $tanggal;?>" /></td>

</tr>

<tr>

<td width="92">Umur</td>

<td width="137"><input name="umur" type="text" id="umur" value="<?= $umur;?>" /></td>

</tr>

</table>

<input type="submit" name="button" id="button" value="Tambah Mahasiswa" />

</form>

Pada penulisan sript tersebut ada kode error_reporting(E_ALL ^ (E_NOTICE | E_WARNING)); ini bertujuan untuk menghilangkan eror yang mungkin terjadi. Form action dari tambah.php ini diarahkan untuk menuju ke tambah_proses.php

Sekarang kita akan membuat file tambah_proses.php

<?

include "sambung.php";

$nama = $_REQUEST['nama'];

$alamat = $_REQUEST['alamat'];

$tanggal = $_REQUEST['tanggal'];

$umur = $_REQUEST['umur'];

if (trim($nama)=="") {

echo "nama Wajib di isi, ulangi kembali";

include "tambah.php";

}

else if(trim($alamat)=="") {

echo "alamat wajib di isi, ulangi kembali";

include "tambah.php";

}

else if(trim($tanggal)=="") {

echo "Tanggal Lahir wajib di isi, ulangi kembali";

include "tambah.php";

}

else if(trim($umur)=="") {

echo "umur wajib di isi, ulangi kembali";

include "tambah.php";

}

else {

$sql = "INSERT INTO biodata (nama, alamat, tanggal_lahir, umur)

VALUES ('$nama', '$alamat', '$tanggal', '$umur')";

mysql_query($sql, $sambung)

or die ("SQL Error: ".mysql_error());

echo "Data Mahasiswa berhasil ditambahkan";

include"tampil.php";

}

?>

Form untuk menambah data mahasiswa sudah jadi. Silahkan di coba terlebih dahulu. Jika sukses maka kitalanjutkan untuk membuat form edit data mahasiswa. Sekarang buatlah file edit.php. berikut scriptnya

<?

error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));

include "sambung.php";

$idmahasiswa= $_REQUEST['idmahasiswa'];

$data_sql = "SELECT * FROM biodata WHERE id = '$idmahasiswa'";

$data_qry = mysql_query($data_sql, $sambung)

or die ("SQL Error: ".mysql_error());

$data=mysql_fetch_array($data_qry);

?>

<form id="form1" name="form1" method="post" action="edit_proses.php?idmahasiswa=<?= $idmahasiswa;?>">

Edit Data Mahasiswa

<table width="245" border="0" cellpadding="2" cellspacing="1">

<tr class="at">

<td>Nama Mahasiswa</td>

<td><input name="nama" type="text" id="nama" value="<?= $data['nama'];?>" /></td>

</tr>

<tr class="at">

<td>Alamat</td>

<td><input name="alamat" type="text" id="alamat" value="<?= $data['alamat'];?>" /></td>

</tr>

<tr class="at">

<td>Tanggal Lahir</td>

<td><input name="tanggal" type="text" id="tanggal" value="<?= $data['tanggal_lahir'];?>" /></td>

</tr>

<tr class="at">

<td width="92">Umur</td>

<td width="137"><input name="umur" type="text" id="umur" value="<?= $data['umur'];?>" /></td>

</tr>

</table>

<input type="submit" name="button" id="button" value="Edit Mahasiswa" />

<input name="idmahasiswa" type="hidden" id="idmahasiswa" value="<?= $idmahasiswa;?>">

</form>

Yang membedakan dengan file tambah.php adalah pada file edit.php ini kita mengambil data dari database untuk menampilkan data yang ada sesuai dengan GET yang dibawa oleh idmahasiswa pada file tampil.php. dengan begitu di dalam form akan muncul data mahasiswa yang bersangkutan

Setelah membuat file edit.php sekarang buatlah file edit_proses.php

<?php

include "sambung.php";

$idmahasiswa = $_REQUEST['idmahasiswa'];

$nama = $_REQUEST['nama'];

$alamat=$_REQUEST['alamat'];

$tanggal=$_REQUEST['tanggal'];

$umur=$_REQUEST['umur'];

#mengupdate data mahasiswa jika id= idmahasiswa, jadi hanya

#data mahasiswa yang memiliki id yang sama dengan idmahasiswalah

#yang akan di update

$sql = "UPDATE biodata SET

nama='$nama',

alamat='$alamat',

tanggal_lahir='$tanggal',

umur='$umur'

WHERE id='$idmahasiswa'";

mysql_query($sql, $sambung)

or die ("SQL Error: ".mysql_error());

echo "Data Mahasiswa $nama berhasil di perbarui";

include "tampil.php";

?>

Silahkan di coba terlebih dahulu. Jika sudah bisa maka sekarang saatnya untuk membuat file hapus.php yang digunakan untuk menghapus data mahasiswa tertentu di file tampil.php

<?

include "sambung.php";

$idmahasiswa=$_REQUEST['idmahasiswa'];

$sql = "DELETE FROM biodata WHERE id ='$idmahasiswa'";

mysql_query($sql, $sambung)

or die ("SQL Error".mysql_error());

echo " Data Mahasiswa berhasil di hapus";

include "tampil.php";

?>

Sampai disini berarti sudah bisa membuat tambah, edit, dan delete sederhana menggunakan PHP

Semoga bermanfaat tutorial kali ini.

Tutorial sebelumnya yang berkaitan

Leave a Reply

Your email address will not be published. Required fields are marked *

eighteen + 17 =