STEP #1 KONEKSI DAN MEMBUAT DATABASE
Membuat Database Denga nama siswa
CREATE TABLE `siswa` (
`siswa_id` int(11) NOT NULL auto_increment,
`siswa_nis` int(20) NOT NULL,
`siswa_nama` varchar(50) NOT NULL,
`siswa_kelas` varchar(10) NOT NULL,
`siswa_jurusan` varchar(30) NOT NULL,
PRIMARY KEY (`siswa_id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=7 ;
Tahap selanjutnya adalah melakukan koneksi ke database, file untuk koneksi ke database adalah koneksi.php.
Silahkan buat file baru dan beri nama koneksi.php kemudian isi dari file ini seperti di bawah ini:
<?php
$host = "localhost";
$user = "root";
$pass = "root";
$name = "tutorialweb";
$koneksi = mysql_connect($host, $user, $pass) or die("Koneksi ke database gagal!");
mysql_select_db($name, $koneksi) or die("Tidak ada database yang dipilih!");
?>
STEP #2 MENAMPILKAN DATA (READ/SELECT)
Tahap ketiga adalah menampilkan data dari database atau jika dalam singkatan CRUD maka kali ini adalah R -> Read.
Untuk menampilkan data, kita akan membuat file dengan nama index.php. Dan isi dari file index.php adalah script di bawah ini:
<!DOCTYPE html>
<html>
<head>
<title>Simple CRUD by MSICOMPUTER.CO.ID</title>
</head>
<body>
<h2>Simple CRUD</h2>
<p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p>
<h3>Data Siswa</h3>
<table cellpadding="5" cellspacing="0" border="1">
<tr bgcolor="#CCCCCC">
<th>No.</th>
<th>NIS</th>
<th>Nama Lengkap</th>
<th>Kelas</th>
<th>Jurusan</th>
<th>Opsi</th>
</tr>
<?php
//iclude file koneksi ke database
include('koneksi.php');
//query ke database dg SELECT table siswa diurutkan berdasarkan NIS paling besar
$query = mysql_query("SELECT * FROM siswa ORDER BY siswa_nis DESC") ordie(mysql_error());
//cek, apakakah hasil query di atas mendapatkan hasil atau tidak (data kosong atau tidak)
if(mysql_num_rows($query) == 0){ //ini artinya jika data hasil query di atas kosong
//jika data kosong, maka akan menampilkan row kosong
echo '<tr><td colspan="6">Tidak ada data!</td></tr>';
}else{ //else ini artinya jika data hasil query ada (data diu database tidak kosong)
//jika data tidak kosong, maka akan melakukan perulangan while
$no = 1; //membuat variabel $no untuk membuat nomor urut
while($data = mysql_fetch_assoc($query)){ //perulangan while dg membuat variabel $data yang akan mengambil data di database
//menampilkan row dengan data di database
echo '<tr>';
echo '<td>'.$no.'</td>'; //menampilkan nomor urut
echo '<td>'.$data['siswa_nis'].'</td>'; //menampilkan data nis dari database
echo '<td>'.$data['siswa_nama'].'</td>'; //menampilkan data nama lengkap dari database
echo '<td>'.$data['siswa_kelas'].'</td>'; //menampilkan data kelas dari database
echo '<td>'.$data['siswa_jurusan'].'</td>'; //menampilkan data jurusan dari database
echo '<td><a href="edit.php?id='.$data['siswa_id'].'">Edit</a> / <a href="hapus.php?id='.$data['siswa_id'].'" onclick="return confirm(\'Yakin?\')">Hapus</a></td>'; //menampilkan link edit dan hapus dimana tiap link terdapat GET id -> ?id=siswa_id
echo '</tr>';
$no++; //menambah jumlah nomor urut setiap row
}
}
?>
</table>
</body>
</html>
STEP #3 MEMASUKKAN DATA (CREATE/INSERT)
Tahap ke empat adalah meng-insertkan data ke database dengan perintan INSERT INTO.
Pertama tertu saja kita buat Form utuk memasukkan datanya.
Form ini akan kita simpan dalam file tambah.php dengan script seperti di bawah ini:
<!DOCTYPE html>
<html>
<head>
<title>Simple CRUD by TUTORIALWEB.NET</title>
</head>
<body>
<h2>Simple CRUD</h2>
<p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p>
<h3>Tambah Data Siswa</h3>
<form action="tambah-proses.php" method="post">
<table cellpadding="3" cellspacing="0">
<tr>
<td>NIS</td>
<td>:</td>
<td><input type="text" name="nis" required></td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><input type="text" name="nama" size="30" required></td>
</tr>
<tr>
<td>Kelas</td>
<td>:</td>
<td>
<select name="kelas" required>
<option value="">Pilih Kelas</option>
<option value="X">X</option>
<option value="XI">XI</option>
<option value="XII">XII</option>
</select>
</td>
</tr>
<tr>
<td>Jurusan</td>
<td>:</td>
<td>
<select name="jurusan" required>
<option value="">Pilih Jurusan</option>
<option value="Teknik Komputer dan Jaringan">Teknik Komputer dan Jaringan</option>
<option value="Multimedia">Multimedia</option>
<option value="Akuntansi">Akuntansi</option>
<option value="Perbankan">Perbankan</option>
<option value="Pemasaran">Pemasaran</option>
</select>
</td>
</tr>
<tr>
<td> </td>
<td></td>
<td><input type="submit" name="tambah" value="Tambah"></td>
</tr>
</table>
</form>
</body>
</html>
Nah ketika form tersebut di isi, dan tombol Tambah di klik, maka akan menjalankan file tambah-proses.php.
Jadi selanjutnya buat file baru dengan nama tambah-proses.php dan isinya adalah script di bawah ini:
<?php
//mulai proses tambah data
//cek dahulu, jika tombol tambah di klik
if(isset($_POST['tambah'])){
//inlcude atau memasukkan file koneksi ke database
include('koneksi.php');
//jika tombol tambah benar di klik maka lanjut prosesnya
$nis = $_POST['nis']; //membuat variabel $nis dan datanya dari inputan NIS
$nama = $_POST['nama']; //membuat variabel $nama dan datanya dari inputan Nama Lengkap
$kelas = $_POST['kelas']; //membuat variabel $kelas dan datanya dari inputan dropdown Kelas
$jurusan = $_POST['jurusan']; //membuat variabel $jurusan dan datanya dari inputan dropdown Jurusan
//melakukan query dengan perintah INSERT INTO untuk memasukkan data ke database
$input = mysql_query("INSERT INTO siswa VALUES(NULL, '$nis', '$nama', '$kelas', '$jurusan')") or die(mysql_error());
//jika query input sukses
if($input){
echo 'Data berhasil di tambahkan! '; //Pesan jika proses tambah sukses
echo '<a href="tambah.php">Kembali</a>'; //membuat Link untuk kembali ke halaman tambah
}else{
echo 'Gagal menambahkan data! '; //Pesan jika proses tambah gagal
echo '<a href="tambah.php">Kembali</a>'; //membuat Link untuk kembali ke halaman tambah
}
}else{ //jika tidak terdeteksi tombol tambah di klik
//redirect atau dikembalikan ke halaman tambah
echo '<script>window.history.back()</script>';
}
?>
kalo lo belum ngerti silahkan klik disini!
No comments:
Post a Comment