Membuat Aplikasi CRUD Sederhana dengan PHP dan MySQL
Nah, sudah tau kan file apa saja yang nantinya kita buat. Langsung saja za kita mulai tutorial yang panjang ini :)
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:
1 | CREATE TABLE IF NOT EXISTS `biodata` ( |
2 | `id` int(11) NOT NULL AUTO_INCREMENT, |
3 | `nama` varchar(50) NOT NULL, |
4 | `alamat` varchar(100) NOT NULL, |
5 | `tempat_lahir` varchar(50) NOT NULL, |
6 | `tgl_lahir` date NOT NULL, |
7 | `jk` enum('Pria','Wanita') NOT NULL, |
8 | PRIMARY KEY (`id`) |
9 | ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=24 ; |
Dari script SQL di atas Anda akan mendapatkan sebuah table dengan nama biodata dengan field id, nama, alamat, tempat_lahir, tgl_lahir, jk. Database dan Table sudah ada, biarkan saja datanya kosong. Jika Teman-teman Ingin Mengisi field tabel, boleh-boleh saja , saya akan memberikan contoh untuk mengisi isi tabel jika teman-teman sudah membuat database dan field.
01 | -- |
02 | -- Dumping data untuk tabel `biodata` |
03 | -- |
04 |
05 | INSERT INTO `biodata` (`id`, `nama`, `alamat`, `tempat_lahir`, `tgl_lahir`, `jk`) VALUES |
06 | (20, 'Iwan', 'Jl.sei brutu', 'medan', '1992-04-12', 'Pria'), |
07 | (18, 'Dadang', 'Jalan Sei Mencirim No 20 ', 'Aceh Merdeka', '0000-00-00', 'Pria'), |
08 | (19, 'Jerry Cho ', 'Jalan Gajahmada 21.', 'Medan', '1985-04-03', 'Pria'), |
09 | (17, 'gustaman', 'jl.kampus', 'medan', '1983-04-05', 'Pria'), |
10 | (16, 'diding', 'jl.Angsana Raya No 20 ', 'medan', '0000-00-00', 'Pria'), |
11 | (15, 'Dadang Kusuma', 'Jakarta Selatan No.17 ', 'Bandung', '0000-00-00', 'Pria'), |
12 | (21, 'Ardika Nataledi Ginting', 'Jl.Sei Mencirim Komplek Suka Maju Indah No ', 'Medan Sunggal', '1986-12-26', 'Pria'), |
13 | (22, 'Ridawan', 'Jl.Gajah Mada Gg payah no 12', 'Jakarta', '1978-05-08', 'Pria'), |
14 | (23, 'Syahramadan', 'Jalan Gajahmada No.90 Samping Kampus LP3I Medan', 'Jurang Tebing ', '1997-10-18', 'Pria'); |
cara Pengisian Data Table di Atas Adalah Contoh , untuk mengisi data Tabel, Teman-teman Dapat Mengisinya Dengan Apa Saja Nama Filed Yang Ada Di dalam database Teman-teman.
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:
01 | <?php |
02 | //proses koneksi database |
03 | $host_name = "localhost"; |
04 | $nama = "root"; |
05 | $password = ""; |
06 | $database = "biodata"; |
07 |
08 | $connect_db = mysql_connect($host_name,$nama,$password) or die("Tidak Ada Connection"); |
09 | mysql_select_db($database,$connect_db) or die ("Database Anda Tidak Ditemukan"); |
10 | |
11 | ?> |
Silahkan simpan dan jangan lupa merubah detail koneksinya, misalkan passwordnya beda ya silahkan diganti dengan password Anda,jika tidak memiliki password , ya kosongkan saja
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:
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:
01
|
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
02
|
||
03
|
<head>
|
|
04
|
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
|
|
05
|
<title>Biodata</title>
|
|
06
|
||
07
|
||
08
|
<style type="text/css">
|
|
09
|
body {
|
|
10
|
background-image:
url(gambar/Android%20App%20Developer.PNG);
|
|
11
|
border: solid 20px;
|
|
12
|
margin: 0px;
|
|
13
|
||
14
|
background-color: #000000;
|
|
15
|
}
|
16
|
</style>
|
17
|
<center>
|
|
18
|
</head>
|
|
19
|
||
20
|
<body>
|
|
21
|
<h1>
|
|
22
|
Biodata Diri</h1>
|
|
23
|
<p>
|
|
24
|
<a href="tambah.php">Tambah</a></p>
|
|
25
|
<table border="1" style="background:cadetblue;">
|
|
26
|
<tr>
|
|
27
|
<th>No</th>
|
|
28
|
<th>Nama</th>
|
|
29
|
<th>Alamat</th>
|
|
30
|
<th>Tempat Lahir</th>
|
|
31
|
<th>Tanggal Lahir</th>
|
32
|
<th>Jenis Kelamin</th>
|
33
|
<th>Aksi</th>
|
|
34
|
</tr>
|
|
35
|
<?php
|
|
36
|
include "koneksi.php";
|
|
37
|
//2). Menentukan total data yang
akan
|
|
38
|
//=== ditampilkan pada tiap
halaman dan menentukan posisi halaman
|
|
39
|
||
40
|
//variabel dan kode awal untuk
menentukan posisi halaman saat ini
|
|
41
|
//dipakai untuk melimit quiery
|
|
42
|
error_reporting(E_ALL ^ (E_NOTICE
| E_WARNING));
|
|
43
|
$batas=10; //satu halaman
menampilkan 10 baris
|
|
44
|
$halaman=$_GET['halaman'];
|
|
45
|
$posisi=null;
|
|
46
|
if(empty($halaman)){
|
|
47
|
$posisi=0;
|
|
48
|
$halaman=1;
|
|
49
|
}else{
|
|
50
|
$posisi=($halaman-1)* $batas;
|
|
51
|
}
|
|
52
|
//$tampil = "select * from
biodata";
|
|
53
|
$hasil = mysql_query("select *
from biodata order by id asc limit $posisi,$batas ");
|
|
54
|
$jumlah = mysql_num_rows($hasil);
|
|
55
|
//$data = mysql_fetch_array($hasil)
|
|
56
|
$no = 1;
|
|
57
|
while ($data = mysql_fetch_array($hasil))
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
58
|
{
Jangan lupa disimpan za..
:) 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:
 Gambar Di atas Adalah Hasil Dari Index.php, isi dari filed yang ada di index.php tersebut di ambil dari isi table yang ada di dalam databse biodata 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:
Dari Form tidak ada yang spesial, hanya form tersebut action nya tambah-proses.php. Tampilannya seperti gambar di bawah ini:  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 create.php dan isinya adalah script di bawah ini: Beres deh untuk tambah data atau Insert data ke database. Penjelasan kode juga sudah saya masukkan pada file tersebut, silahkan baca sendiri :p Step #5 Update Data (Update/Edit) Tahap ini adalah untuk melakukan edit data pada database. File yang akan kita buat adalah file edit.php. Link untuk menuju halaman edit adalah pada file index.php dimana disana pada tabel kolom Opsi ada Link edit dan hapus. Dimana untuk Link edit yang di klik Anda akan mendapatkan Link seperti Edit dimana id ini adalah nilai dari id. Jika id tersebut adalah 12, maka akan menampilkan data siswa dimana id=12. Oke, silahkan buat file edit.php dan paste script di bawah ini:
Jangan lupa disimpan za..
:) 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:
Gambar Di atas Adalah Hasil Dari Index.php, isi dari filed yang ada di index.php tersebut di ambil dari isi table yang ada di dalam databse biodata 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:
1
|
<?php
|
|
2
|
include "koneksi.php";
|
|
3
|
$tgl=$_POST['thn']
. "-" . $_POST['bln']
. "-" . $_POST['tanggal'];
|
|
4
|
mysql_query("insert into
biodata(nama,alamat,tempat_lahir,tgl_lahir,jk)
|
|
5
|
values ('$_POST[nama]','$_POST[alamat]','$_POST[tempat]','$tgl','$_POST[jk]')");
|
|
6
|
||
7
|
header('location:index.php');
|
|
8
|
?>
|
|
Dari Form tidak ada yang spesial, hanya form tersebut action nya tambah-proses.php. Tampilannya seperti gambar di bawah ini:
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 create.php dan isinya adalah script di bawah ini:
Beres deh untuk tambah data atau Insert data ke database. Penjelasan kode juga sudah saya masukkan pada file tersebut, silahkan baca sendiri :p
Step #5 Update Data (Update/Edit)
Tahap ini adalah untuk melakukan edit data pada database. File yang akan kita buat adalah file edit.php. Link untuk menuju halaman edit adalah pada file index.php dimana disana pada tabel kolom Opsi ada Link edit dan hapus. Dimana untuk Link edit yang di klik Anda akan mendapatkan Link seperti Edit dimana id ini adalah nilai dari id. Jika id tersebut adalah 12, maka akan menampilkan data siswa dimana id=12. Oke, silahkan buat file edit.php dan paste script di bawah ini:
001
|
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
002
|
||
003
|
<head>
|
|
004
|
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
|
|
005
|
<title>Proses Editan by
http://ardika-26.blogspot.com/</title>
|
|
006
|
<style
type="text/css">
|
|
007
|
body {
|
|
008
|
border: solid 20px;
|
|
009
|
margin: 0;
|
|
010
|
background-color: #B6F4F3;
|
|
011
|
}
|
|
012
|
body,td,th {
|
|
013
|
color: #ff7800;
|
|
014
|
}
|
|
015
|
</style>
|
|
016
|
</head>
|
|
017
|
<center>
|
|
018
|
<body>
|
|
019
|
<?php
|
|
020
|
error_reporting(E_ALL ^ E_NOTICE);
|
|
021
|
include "koneksi.php";
|
|
022
|
$id = $_GET[id];
|
|
023
|
$hasil = mysql_query("select * from biodata
where id='$id'");
|
|
024
|
$data = mysql_fetch_array($hasil);
|
|
025
|
$pecahTanggal = explode("-", $data['tgl_lahir']);
|
|
026
|
$tanggal = $pecahTanggal[2];
|
|
027
|
$bulan = $pecahTanggal[1];
|
028
|
$tahun = $pecahTanggal[0];
|
029
|
$jk=$data['jk'];
|
|
030
|
?>
|
|
031
|
<h3>
|
|
032
|
Tempat Pengeditan
Biodata</h3>
|
|
033
|
<form id="form1" name="form1" method="post"action="proses_edit.php">
|
|
034
|
<input name="id" type="hidden" value="<?php echo
"$data[id]" ?>" />
|
|
035
|
<table border="0">
|
|
036
|
<tr>
|
|
037
|
<td>Nama</td>
|
|
038
|
<td>:</td>
|
|
039
|
<td><input
name="nama" type="text" id="nama" value="<?php echo
"$data[nama]" ?>" size="40" maxlength="50" /></td>
|
|
040
|
</tr>
|
|
041
|
<tr>
|
|
042
|
<td>Alamat</td>
|
|
043
|
<td>:</td>
|
||
044
|
<td><textarea name="alamat" id="alamat" cols="45"rows="3"><?php echo "$data[alamat]" ?></textarea></td>
|
||
045
|
</tr>
|
|
046
|
<tr>
|
|
047
|
<td>Tempat Lahir</td>
|
|
048
|
<td>:</td>
|
|
049
|
<td><input
name="tempat" type="text" id="tempat" value="<?php echo "$data[tempat_lahir]"
?>" size="40" maxlength="50"/></td>
|
|
050
|
</tr>
|
|
051
|
<tr>
|
|
052
|
<td>Tanggal Lahir</td>
|
|
053
|
<td>:</td>
|
|
054
|
<td>Tanggal
|
|
055
|
<select
name="tanggal">
|
|
056
|
<option
value="-">-</option>
|
|
057
|
<?php
|
|
058
|
for ($t=1;$t<31;$t++)
|
|
059
|
{ if ($t == $tanggal) echo "<option value=$t
selected>$t</option>";
|
|
060
|
else echo "<option
value=$t>$t</option>"; }
|
|
061
|
?>
|
|
062
|
</select>
|
|
063
|
Bulan
|
|
064
|
<select
name="bln">
|
|
065
|
<option
value="-">-</option>
|
|
066
|
<?php
|
|
067
|
$bln=array("Januari","Februari","Maret","April",
|
|
068
|
"Mei","Juni","Juli","Agustus","September",
|
|
069
|
"Oktober","November","Desember");
|
|
070
|
for ($b=0;$b<12;$b++)
|
|
071
|
{
|
|
072
|
$i=$b+1;
|
|
073
|
if ($i == $bulan) echo "<option value=$i selected>$bln[$b]</option>";
|
074
|
else echo "<option
value=$i>$bln[$b]</option>";
|
075
|
}
|
|
076
|
?>
|
|
077
|
</select>
|
|
078
|
Tahun
|
|
079
|
<select
name="thn">
|
|
080
|
<option
value="-">-</option>
|
|
081
|
<?php
|
|
082
|
for ($t=1970;$t<2020;$t++)
|
|
083
|
{
|
|
084
|
if ($t == $tahun) echo "<option value=$t
selected>$t</option>";
|
|
085
|
else echo "<option
value=$t>$t</option>";
|
|
086
|
}
|
|
087
|
?>
|
|
088
|
</select>
</td>
|
|
089
|
</tr>
|
|
090
|
<tr>
|
|
091
|
<td>Jenis Kelamin</td>
|
|
092
|
<td>:</td>
|
|
093
|
<td><input
type="radio" name="jk" value="Pria" <?php if($jk=='Pria'){echo 'checked';} ?>/>Pria
|
||
094
|
|||
095
|
<input type="radio" name="jk" value="Wanita" <?php if($jk=='Wanita'){echo 'checked';}
?>/>Wanita </td>
|
||
096
|
</tr>
|
||
097
|
<tr>
|
|
098
|
<td> </td>
|
|
099
|
<td> </td>
|
100
|
<td> </td>
|
101
|
</tr>
|
|
102
|
<tr>
|
|
103
|
<td> </td>
|
104
|
<td> </td>
|
105
|
<td><input
type="submit" name="button" id="button"value="Simpan" />
|
106
|
<input type="button" name="button3" value="Batal"onclick="history.back(-1)" /></td>
|
107
|
</tr>
|
|
108
|
</table>
|
|
109
|
</form>
|
|
|
110
|
<p>
|
|
|
111
|
</p>
|
|
|
112
|
</body>
|
|
|
113
|
</center>
|
|
|
114
|
</html>
|
|
Jika sudah silahkan
simpan, dan hasil tampilan dari script di atas seperti gambar di bawah
ini:
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 proses_edit.php dan paste script di bawah ini:
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:
|
1
|
<?php
|
|
|
2
|
include "koneksi.php";
|
|
|
3
|
//$tgl=$_POST['thn'] .
"-" . $_POST['bln'] . "-" . $_POST['tanggal'];
|
|
|
4
|
mysql_query("delete from
biodata where id = '$_GET[id]'");
|
|
|
5
|
|
|
|
6
|
header('location:index.php');
|
|
|
7
|
?>
|
Jangan lupa disimpan. Sedikit penjelasan untuk script hapus di atas. Jika Anda mengklik tombol/link hapus pada file index.php, maka secara otomatis file tersebut akan terhapus dari field di index.php. dan akan terhapus juga di dalam databse anda . Untuk penjelasan lebih detail sudah ada pada script di atas. :) yaaaahh..... capek juga ya bikin tutorial yang agak panjang ini..
BlackHammer
Tidak ada komentar:
Write komentar