Pada Latihan sebelumnya kita sudah berhasil membuat layout seperti gambar di bawah ini. Saya ucapkan selamat buat kamu yang sudah berhasil.
Jika kamu belum berhasil silahkan pelajari terlebih dahulu latiahan sebelumnya
Baca : latihan Webmaster Bagian I
Pada Latihan Webmaster Bagian II ini, kita akan belajar membuat pengolahan data sederhana dengan menggunakan database MySQL.
Kita tidak membuat latihan ini dari awal, kita akan memodifikasi latihan sebelumnya dengan mengolah data tabel siswa (sebagai latihan).
Dalam latihan ini, kita mengolah tabel siswa dengan fungsi CRUD (create, reat, update, delete) atau simpan, baca data, perbarui data, dan menghapus data.
Baik, mari langsung kita eksekusi sekarang juga.
1. Membuat Database
Buatlah database dengan nama t_siswa, dengan atribut siswa_nis, siswa_nama, siswa_alamat, siswa_hp. Perhatikan gamabr berikut ini.
Buat siswa_nis sebagai auto_increment dalam latihan kali ini.
Jika anda belum faham cara membuat database berikut ini silahkan saksikan latihan sebelumnya.
Baca : Tutorial MySQL Dasar
2. Buat Folder Modul
Merujuk pada latihan sebelumnya, kita meletakkan file latihan kita pada folder 1, nah... saat ini kita meletakkan file latihan pada folder 2, (copy paste saja folder 1, lalu rename atau ubah nama folder menjadi 2) lihatlah pada lingkaran hitam.
Tambahkan folder dengan nama "modul", perlu di ingat dalam latihan ini kamu tidak perlu memodifikasi file lainnya. ikuti petunjuk latihan ini saja.
Setiap tabel yang kita olah nantinya akan terletai pada modul, semakin banyak tabel yang akan di olah maka isi di didalam folder modul juga semakin banyak.
Setiap tabel yang kita olah nantinya akan terletai pada modul, semakin banyak tabel yang akan di olah maka isi di didalam folder modul juga semakin banyak.
3. Buat Folder Siswa
Didalam folder modul, buat 1 folder lagi dengan nama "siswa", di dalam folder siswa kita buat dua file PHP dengan nama siswa.php dan aksi_siswa.php.
siswa.php
<!DOCTYPE html>
<head>
<title>Data Dunatur</title>
</head>
<html lang="en">
<?php
$aksi = "modul/siswa/aksi_siswa.php?page=siswa";
$link_edit ="?page=siswa&mod=edit";
$link_hapus = $aksi."&act=hapus";
switch($_GET['mod']){
default:
echo "
<p>Data Siswa</p>
<table border ='1'>
<a href='?page=siswa&mod=add'>Tambah Data </a>
<thead>
<tr>
<th>No</th>
<th>Nama siswa</th>
<th>Alamat</th>
<th>HP</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>";
$no = 1;
$query = mysql_query("select * from t_siswa");
while ($data = mysql_fetch_array($query)){
echo "<tr>
<td>$no</td>
<td>$data[siswa_nama]</td>
<td>$data[siswa_alamat]</td>
<td>$data[siswa_hp]</td>
<td>
<a href='$link_edit&id=$data[siswa_nis]'> Edit</a>
<a onclick='return konfirmasi_hapus()' href='$link_hapus&id=$data[siswa_nis]'> Hapus</a>
</td>
</tr>";
$no++;}
echo "</tbody></table>";
break;
case "add":
echo "
<p>Tambah Data Siswa</p>
<form action='$aksi&act=input' method='post'>
<table>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type='text' name='siswa_nama' maxlength='16' /></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><textarea name='siswa_alamat'></textarea></td>
</tr>
<tr>
<td>HP</td>
<td>:</td>
<td><input type='text' name='siswa_hp' maxlength='20' /></td>
</tr>
</br>
<tr>
<td></td>
<td></td>
<td> <input type='submit' value='simpan'>
<input type='reset' value='Reset'>
</td>
</tr>
</table>
</form>
";
break;
case "edit":
$sql_edit =mysql_query("select * from t_siswa where siswa_nis='$_GET[id]'");
$data=mysql_fetch_array($sql_edit);
echo "
<p>Edit Data Siswa</p>
<form action='$aksi&act=update' method='post'>
<table>
<tr>
<td>NIS</td>
<td>:</td>
<td><input type='text' name='siswa_nis' value='$data[siswa_nis]' readonly='true'/></td>
</tr>
<tr>
<td>Nama </td>
<td>:</td>
<td><input type='text' name='siswa_nama' value='$data[siswa_nama]'/></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><textarea name='siswa_alamat'>$data[siswa_alamat]</textarea></td>
</tr>
<tr>
<td>HP</td>
<td>:</td>
<td><input type='text' name='siswa_hp' value='$data[siswa_hp]' /></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type='submit' value='Perbarui'>
<a href='?page=siswa' value='Kembali'> Kembali</a></td>
</tr>
</table>
</form>
";
//end switch
}
?>
<script type="text/javascript" language="JavaScript">
function konfirmasi_hapus()
{
tanya = confirm("Anda Yakin Akan Menghapus Data ?");
if (tanya == true) return true;
else return false;
}</script>
</html>
aksi_siswa.php
<?php
mysql_connect("localhost","root","");
mysql_select_db("db_belajar");
if($_GET['page'] == 'siswa' AND $_GET['act'] == 'hapus'){
mysql_query("DELETE FROM t_siswa WHERE siswa_nis = '$_GET[id]'");
echo "<script>alert('Data berhasil di hapus');window.location.assign('../../index.php?page=siswa');</script>";
}
elseif($_GET['page'] == 'siswa' AND $_GET['act'] == 'input'){
mysql_query(" INSERT INTO t_siswa (siswa_nama,siswa_alamat,siswa_hp)
VALUE('$_POST[siswa_nama]','$_POST[siswa_alamat]','$_POST[siswa_hp]')
");
echo "<script>alert('Data berhasil di simpan');window.location.assign('../../index.php?page=siswa');</script>";
}
elseif($_GET['page'] == 'siswa' AND $_GET['act'] == 'update'){
mysql_query("
UPDATE t_siswa SET siswa_nama = '$_POST[siswa_nama]',
siswa_alamat = '$_POST[siswa_alamat]',
siswa_hp = '$_POST[siswa_hp]'
WHERE siswa_nis = '$_POST[siswa_nis]' ");
echo "
<script>
alert('Data berhasil di perbarui');
window.location.assign('../../index.php?page=siswa&mod=edit&id=$_POST[siswa_nis]');
</script>";
}
?>
4. Modifikasi File Index.php
Modifikasi file index dengan menambahkan menu "Siswa", hasil meodifikasi selengkapnya akan seperti code di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title> Belajar Layout </title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<div id="header">
<?php include "header.php" ?>
</div>
<div id="nav">
<a href="?page=profil"> Profil <br> </a>
<a href="?page=biodata"> Biodata <br> </a>
<a href="?page=siswa"> Siswa <br> </a>
Foto <br>
Moto Hidup
</div>
<div id="section">
<?php include "content.php" ?>
</div>
<div id="footer">
Karya Saya : Fulan Tarigan | Alamat : Bukit Cendol Gg.Flash Disk
</div>
</body>
</html>
5. Modifikasi File Content.php
Di sini kita menambahkan link siswa, dan koneksi database <?php
//koneksi database
mysql_connect("localhost","root","");
mysql_select_db("db_belajar");
if($_GET['page'] == 'profil'){
include "profil.php";
}
elseif($_GET['page'] == 'biodata'){
include "biodata.php";
}
elseif($_GET['page'] == 'siswa'){
include "modul/siswa/siswa.php";
}
?>
Komentar untuk bertanya, memberikan masukan, atau saran. saya akan memalas pesan anda segera EmoticonEmoticon