Step #1 Database

Tahap pertama adalah membuat database dahulu di phpMyAdmin, saya umpamakan Anda sudah membuat sebuah database dengan nama tutorialweb.

Jika database sudah dibuat, sekarang Dumping script SQL di bawah ini:

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 ;

Step #2 Koneksi ke Database

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!");

?>

Silahkan simpan dan jangan lupa merubah detail koneksinya, misalkan passwordnya beda ya silahkan diganti dengan password Anda.

Step #3 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 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>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") or die(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>


Untuk penjelasan Script sudah saya masukkan pada Script di atas, silahkan di baca sendiri kegunaan tiap-tiap baris kode.

Tampilan dari file index.php bisa terlihat seperti gambar di bawah ini:

simple-crud-tampilkan-data


Seperti terliha pada gambar di atas terdapat tulisan “Tidak ada data!” yang artinya memang data pada database masih kosong.

Step #4 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>&nbsp;</td>

<td></td>

<td><input type="submit" name="tambah" value="Tambah"></td>

</tr>

</table>

</form>

</body>

</html>

Dari Form tidak ada yang spesial, hanya form tersebut action nya tambah-proses.php.

Tampilannya seperti gambar di bawah ini:

simple-crud-form-tambah-data


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>';

 

}

?>


Beres deh untuk tambah data atau Insert data ke database.

Jika sudah silahkan simpan, dan hasil tampilan dari script di atas seperti gambar di bawah ini:

simple-crud-form-edit


Nah, form edit diatas jika di klik tombol Simpan, maka akan menjalankan file edit-proses.php, dimana file ini adalah proses untuk melakukan update data ke database.


Buat file edit-proses.php dan paste script di bawah ini:

<?php

//mulai proses edit data

 

//cek dahulu, jika tombol simpan di klik

if(isset($_POST['simpan'])){

//inlcude atau memasukkan file koneksi ke database

include('koneksi.php');

//jika tombol tambah benar di klik maka lanjut prosesnya

$id = $_POST['id']; //membuat variabel $id dan datanya dari inputan hidden id

$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 UPDATE untuk update data ke database dengan kondisi WHERE siswa_id='$id' <- diambil dari inputan hidden id

$update = mysql_query("UPDATE siswa SET siswa_nis='$nis', siswa_nama='$nama', siswa_kelas='$kelas', siswa_jurusan='$jurusan' WHERE siswa_id='$id'") or die(mysql_error());

//jika query update sukses

if($update){

echo 'Data berhasil di simpan! '; //Pesan jika proses simpan sukses

echo '<a href="edit.php?id='.$id.'">Kembali</a>'; //membuat Link untuk kembali ke halaman edit

}else{

echo 'Gagal menyimpan data! '; //Pesan jika proses simpan gagal

echo '<a href="edit.php?id='.$id.'">Kembali</a>'; //membuat Link untuk kembali ke halaman edit

}

 

}else{ //jika tidak terdeteksi tombol simpan di klik

 

//redirect atau dikembalikan ke halaman edit

echo '<script>window.history.back()</script>';

 

}

?>

Silahkan simpan. Dan seperti biasa penjelasan tiap baris kode sudah saya masukkan di dalamnya, silahkan baca.

Step #6 Hapus data (Delete/Hapus)

Tahap ke enam ini adalah yang terakhir, yaitu melakukan perintah Delete untuk menghapus data dari database.

file yang akan kita buat adalah hapus.php, dan isi scriptnya seperti di bawah ini:

<?php

//memulai proses hapus data

 

//cek dahulu, apakah benar URL sudah ada GET id -> hapus.php?id=siswa_id

if(isset($_GET['id'])){

//inlcude atau memasukkan file koneksi ke database

include('koneksi.php');

//membuat variabel $id yg bernilai dari URL GET id -> hapus.php?id=siswa_id

$id = $_GET['id'];

//cek ke database apakah ada data siswa dengan siswa_id='$id'

$cek = mysql_query("SELECT siswa_id FROM siswa WHERE siswa_id='$id'") or die(mysql_error());

//jika data siswa tidak ada

if(mysql_num_rows($cek) == 0){

//jika data tidak ada, maka redirect atau dikembalikan ke halaman beranda

echo '<script>window.history.back()</script>';

}else{

//jika data ada di database, maka melakukan query DELETE table siswa dengan kondisi WHERE siswa_id='$id'

$del = mysql_query("DELETE FROM siswa WHERE siswa_id='$id'");

//jika query DELETE berhasil

if($del){

echo 'Data siswa berhasil di hapus! '; //Pesan jika proses hapus berhasil

echo '<a href="index.php">Kembali</a>'; //membuat Link untuk kembali ke halaman beranda

}else{

echo 'Gagal menghapus data! '; //Pesan jika proses hapus gagal

echo '<a href="index.php">Kembali</a>'; //membuat Link untuk kembali ke halaman beranda

}

}

}else{

//redirect atau dikembalikan ke halaman beranda

echo '<script>window.history.back()</script>';

}

?>

Jangan lupa disimpan.

Sumber:http://tutorialweb.net/membuat-aplikasi-crud-sederhana-dengan-php-dan-mysql/

Popular Post

About

- Copyright © 2013 Akenzhi -Sao v2- Powered by Blogger - Designed by Johanes Djogan -