Pertama kita buat databasenya dulu.
Kemudian bikin tabelnya.
Sebelumnya saya mau ngasih atensyen dulu. Pada tutorial kali ini saya
menerapkan Captcha
Operasi Matematika yang telah saya tuliskan dikit pada artikel
sebelumnya, saya juga menerapkan Input
Tanggal dengan menggunakan javascript pada artikel sebelumnya juga,
dan tidak lupa juga saya menerapkan fungsi untuk mengubah format
penulisan tanggal ke Format
Tanggal Indonesia, tujuannya biar supaya kelihatan lebih keren
dikit aja.
Pertama (#kayaknyaudahpertamadeh) kita buat file css biar tampilannya keliatan lebih keren dikit. Kita beri nama dengan style.css
Kemudian kita bikin file php buat menghubungkan antara file php kita
dengan database yang kita buat. Kita beri nama dengan koneksi.php
Selanjutnya kita buat file index.php. Pada index.php
ini terdapat form untuk mengisi data dan tabel yang menampilkan data
dari database.
Kemudian kita membuat skrip untuk melakukan penyimpanan data ke dalam
database. Kita namai dengan simpan.php
Selanjutnya kita membuat halaman untuk mengedit entry data dari
database. Kita beri nama dengan edit.php
Kemudian kita buat file php untuk melakukan eksekusi penyimpanan data
yang kita edit kedalam database. Kita beri nama simpanedit.php
Terakhir kita membuat skrip untuk melakukan eksekusi hapus data dari
database. Kita beri nama hapus.php
Pastikan semua file yang telah dibuat dalam terletak dalam satu
folder seperti gambar di bawah ini.
sumber
1
| CREATE DATABASE `tambahhapusedit` ; |
1
2
3
4
5
6
7
8
| CREATE TABLE
`tambahhapusedit`.`siswa` ( `id` INT( 3 ) NOT NULL AUTO_INCREMENT
PRIMARY KEY , `nama` VARCHAR( 50 ) NOT NULL , `alamat` TEXT
NOT NULL , `tgllahir` DATE
NOT NULL , `kelamin` VARCHAR( 10 ) NOT NULL , `agama`
VARCHAR( 10 ) NOT NULL ) ENGINE = MYISAM ; |
Pertama (#kayaknyaudahpertamadeh) kita buat file css biar tampilannya keliatan lebih keren dikit. Kita beri nama dengan style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| body{ font-family:Arial; padding:10px; text-align:center; } table{ border:1px solid blue; } td { padding-left: 10px; padding-right:
10px; padding-top:10px; padding-bottom:5px; font-size:14px; } option{ padding-left:
10px; } a{ text-decoration:none; } |
1
2
3
4
5
6
7
8
9
10
| <?php $host = "localhost" ; $user = "root" ; $passwd = "" ; $db = "tambahhapusedit" ; $koneksi =mysql_connect( $host , $user , $passwd ) or die (mysql_error()); mysql_select_db( $db , $koneksi ) or die (mysql_error()); ?> |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
| <?php // memanggil script
class include 'class-captcha.php' ; // membuat obyek class $captcha1
= new mathcaptcha(); // panggil method untuk
mengenerate kode $captcha1 ->generatekode(); ?> <html> <head> <link
href= "style.css" rel= "stylesheet" type= "text/css"
/> <title>TAMBAH HAPUS EDIT
SEDERHANA</title> </head> <body> <script
language= "javascript" > function focuson() {
document.data.nama.focus() document.data.alamat.focus() document.data.tgllahir.focus() document.data.kelamin.focus() document.data.agama.focus() document.data.kode.focus() } function
check() { if (document.data.nama.value== "" ) { alert( "Masukkan Nama Anda" ); document.data.nama.focus(); return
false; } if (document.data.alamat.value== "" ) { alert( "Masukkan Alamat Anda" ); document.data.alamat.focus(); return
false; } if (document.data.tgllahir.value==0) { alert( "Masukkan Tanggal Lahir Anda" ); document.data.tgllahir.focus(); return
false; } if (!document.data.kelamin[0].checked
&& !document.data.kelamin[1].checked) { alert( "Masukkan Jenis Kelamin Anda" ); document.data.tgllahir.focus(); return
false; } if (document.data.agama.selectedIndex
== 0) { alert( "Masukkan Agama
Anda" ); document.data.agama.focus(); return
false; } if (document.data.kode.value==
"" ) { alert( "Masukkan Kode Verifikasi" ); document.data.kode.focus(); return
false; } } </script> <form
name= "data" method= "post" action= "simpan.php"
onSubmit= "return
check();" > <table
align= "left" > <tr><td>Nama</td><td>:</td><td><input
type= "text" name= "nama" id= "nama" width= "" title= "Masukkan Nama
Anda" /></td></tr> <tr><td>Alamat</td><td>:</td><td><textarea
cols=25 rows=3 id= "alamat" name= "alamat" title= "Masukkan
Alamat Anda" ></textarea></td></tr> <tr><td>Tanggal
Lahir</td><td>:</td><td><input type= "text" name= "tgllahir" id= "tgllahir" title= "Masukkan Tanggal Lahir Anda" /><a href= "javascript:void(0)"
onClick= "if(self.gfPop)gfPop.fPopCalendar(document.data.tgllahir);return
false;" ><img name= "popcal" align= "absmiddle" style= "border:none" src= "./calender/calender.jpeg" width= "34" height= "29" border= "0" alt= "" title= "Klik Untuk
Menampilakan Kalender" ></a></td></tr> <tr><td>Jenis
Kelamin</td><td>:</td><td><input type= "radio" name= "kelamin" id= "kelamin" value= "Wanita" >Wanita
<input type= "radio" name= "kelamin" id= "kelamin" value= "Pria" >Pria</td></tr> <tr><td>Agama</td><td>:</td><td><select
name= "agama" title= "Pilih Agama" > <option value= "" >-- Pilih Agama
--</option> <option value= "Islam" >Islam</option> <option value= "Hindu" >Hindu</option> <option
value= "Budha" >Budha</option> <option value= "Kristen" >Kristen</option> <option
value= "Protestan" >Protestan</option> </select></td></tr> <tr><td>Kode
Verifikasi</td><td>:</td><td><?php $captcha1 ->showcaptcha();
?><input type= "text" name= "kode" title= "Masukkan Kode
Verifikasi" > </td></tr> <tr><td><div
align= "center" ><input type= "submit"
name= "Submit"
value= "Simpan"
/><input type= "reset" name= "reset" value= "Reset" /></td></tr> </table> <!--
PopCalendar(tag name and id must match) Tags should not be enclosed in tags
other than the html body tag. --> </form> <?php include "fungsi_indotgl.php" ; include "koneksi.php" ; $id = $_GET [id]; $query =mysql_query( "select *
from siswa order by id desc" ); ?> <table
align= "center" cellpadding= "5" > <tr bgcolor= "#f4e6ca" > <td>Nama</td><td>Alamat</td><td>Tanggal
Lahir</td><td>Jenis
Kelamin</td><td>Agama</td><td colspan= "2" align= "center" >Aksi</td> </tr> <?php $no =1; while ( $r =mysql_fetch_array( $query )){ //
Membuat warna tabel selang-seling if (( $no % 2)==0){ $warna = "#A6D000" ; } else { $warna = "#D5F35B" ; } // Ubah
format tanggal sesuai dengan tanggalan di Indonesia $tanggal
= tgl_indo( $r [tgllahir]); // Ubah format harga dalam rupiah menggunakan
fungsi number_format // $harga =
number_format($r[harga],0,",","."); echo "<tr
bgcolor= $warna > <td> $r [nama]</td> <td> $r [alamat]</td> <td> $tanggal </td> <td> $r [kelamin]</td> <td> $r [agama]</td> <td><a
href=\"edit.php?id= $r [0]\">edit</a></td> <td><a
href=\ "hapus.php?id=$r[0]\"onclick=\"return
confirm('Apakah Anda yakin akan
menghapus?')\">hapus</a></td></tr>" ; $no ++; } ?> </table> </body> </html> |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
| <?php include ( 'koneksi.php' ); include
'class-captcha.php' ; $nama = $_POST [ 'nama' ]; $alamat = $_POST [ 'alamat' ]; $tgllahir = $_POST [ 'tgllahir' ]; $kelamin = $_POST [ 'kelamin' ]; $agama = $_POST [ 'agama' ]; $captcha1
= new mathcaptcha(); if ( $captcha1 ->resultcaptcha() == $_POST [ 'kode' ]) { $masuk = mysql_query ( "insert into siswa
(nama, alamat, tgllahir, kelamin, agama) values ('$nama', '$alamat',
'$tgllahir', '$kelamin', '$agama')" ); if ( $masuk ){ echo '<script
language="javascript">alert("Berhasil")</script>' ; echo '<script
language="javascript">window.location = "index.php"</script>' ; } } else { // jika kode captcha salah echo
'<script
language="javascript">alert("Data Gagal Disimpan Karena Kode
Verifikasi Salah")</script>' ; echo
'<script
language="javascript">window.location = "index.php"</script>' ; } //echo "<p><input type=\"button\"
name=\"submit\" value=\"OK\" onClick=\"history.go(-1)\"></p>"; ?> |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
| <?php include 'koneksi.php' ; $id = $_GET [ 'id' ]; $query =mysql_query( "select *
from siswa where id='$id'" ) or die (mysql_error()); $r =mysql_fetch_array( $query ); include
'class-captcha.php' ; $captcha1 = new mathcaptcha(); $captcha1 ->generatekode(); ?> <html> <head> <link
href= "style.css" rel= "stylesheet" type= "text/css"
/> <title>TAMBAH HAPUS EDIT
SEDERHANA</title> </head> <body> <script
language= "javascript" > function focuson() {
document.data.nama.focus() document.data.alamat.focus() document.data.tgllahir.focus() document.data.kelamin.focus() document.data.agama.focus() document.data.kode.focus() } function
check() { if (document.data.nama.value== "" ) { alert( "Masukkan Nama Anda" ); document.data.nama.focus(); return
false; } if (document.data.alamat.value== "" ) { alert( "Masukkan Alamat Anda" ); document.data.alamat.focus(); return
false; } if (document.data.tgllahir.value==0) { alert( "Masukkan Tanggal Lahir Anda" ); document.data.tgllahir.focus(); return
false; } if (!document.data.kelamin[0].checked
&& !document.data.kelamin[1].checked) { alert( "Masukkan Jenis Kelamin Anda" ); document.data.tgllahir.focus(); return
false; } if (document.data.agama.selectedIndex
== 0) { alert( "Masukkan Agama
Anda" ); document.data.agama.focus(); return
false; } if (document.data.kode.value==
"" ) { alert( "Masukkan Kode Verifikasi" ); document.data.kode.focus(); return
false; } } </script> <form
name= "data" method= "post" action= "simpanedit.php"
onSubmit= "return
check();" > <table
align= "left" > <tr><td>Nama</td><td>:</td><td><input
type= "text" name= "nama" id= "nama" width= "" title= "Masukkan Nama
Anda" value= "<?php echo " $r [nama] "; ?>" /></td></tr> <tr><td>Alamat</td><td>:</td><td><textarea
cols=25 rows=3 id= "alamat" name= "alamat" title= "Masukkan
Alamat Anda" ><?php echo "$r[alamat]" ; ?></textarea></td></tr> <tr><td>Tanggal
Lahir</td><td>:</td><td><input type= "text" name= "tgllahir" id= "tgllahir" title= "Masukkan Tanggal Lahir Anda" value= "<?php echo " $r [tgllahir] "; ?>" /><a
href= "javascript:void(0)" onClick= "if(self.gfPop)gfPop.fPopCalendar(document.data.tgllahir);return
false;" ><img name= "popcal" align= "absmiddle" style= "border:none" src= "./calender/calender.jpeg" width= "34" height= "29" border= "0" alt= "" title= "Klik Untuk
Menampilakan Kalender" ></a></td></tr> <tr><td>Jenis
Kelamin</td><td>:</td><td><?php if ( $r [ 'kelamin' ] == "Wanita" ) echo "<input
type='radio' value='Wanita' name='kelamin' id='kelamin'
checked>Wanita" ; else
echo "<input
type='radio' name='kelamin' id='kelamin' value='Wanita'>Wanita" ; if ( $r [ 'kelamin' ] == "Pria" ) echo "<input
type='radio' value='Pria' name='kelamin' id='kelamin' checked>Pria" ; else echo
"<input type='radio' name='kelamin'
id='kelamin' value='Pria'>Pria" ; ?></td></tr> <tr><td>Agama</td><td>:</td><td><select
name= "agama" title= "Pilih Agama" > <option value= "" >-- Pilih Agama
--</option> <?php if ( $r [ 'agama' ] == "Islam" ) echo "<option
value='Islam' selected>Islam</option>" ; else echo "<option value='Islam'>Islam</option>" ; if ( $r [ 'agama' ] == "Hindu" ) echo "<option
value='Hindu' selected>Hindu</option>" ; else echo "<option value='Hindu'>Hindu</option>" ; if ( $r [ 'agama' ] == "Budha" ) echo "<option
value='Budha' selected>Budha</option>" ; else echo "<option value='Budha'>Budha</option>" ; if ( $r [ 'agama' ] == "Kristen" ) echo
"<option value='Kristen'
selected>Kristen</option>" ; else
echo "<option
value='Kristen'>Kristen</option>" ; if
( $r [ 'agama' ] == "Protestan" ) echo "<option
value='Protestan' selected>Protestan</option>" ; else echo
"<option
value='Protestan'>Protestan</option>" ; ?> </select></td></tr> <tr><td>Kode
Verifikasi</td><td>:</td><td><?php $captcha1 ->showcaptcha();
?><input type= "text" name= "kode" title= "Masukkan Kode
Verifikasi" > </td></tr> <tr><td><div
align= "center" ><input type= "submit"
name= "Submit"
value= "Simpan"
/><input type= "button" name= "submit" value= "Gak jadi" onClick= "history.go(-1)" ><input
type= "hidden" name= "id" value= "<?php echo $_GET[id];
?>" /></td></tr> </table> <!--
PopCalendar(tag name and id must match) Tags should not be enclosed in tags
other than the html body tag. --> </form> </body> </html> |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
| <?php include 'koneksi.php' ; include
'class-captcha.php' ; $id = $_POST [ 'id' ]; $nama = $_POST [ 'nama' ]; $alamat = $_POST [ 'alamat' ]; $tgllahir = $_POST [ 'tgllahir' ]; $kelamin = $_POST [ 'kelamin' ]; $agama = $_POST [ 'agama' ]; $captcha1 = new mathcaptcha(); if ( $captcha1 ->resultcaptcha() == $_POST [ 'kode' ]) { $masuk = mysql_query ( "update siswa set
nama='$nama', alamat='$alamat', tgllahir='$tgllahir',
kelamin='$kelamin', agama='$agama' where id='$id'" ); if ( $masuk ){ echo '<script
language="javascript">alert("Data Berhasil
diUpdate")</script>' ; echo
'<script
language="javascript">window.location = "index.php"</script>' ; } } else { // jika kode captcha salah echo
'<script
language="javascript">alert("Data Gagal Disimpan Karena Kode
Verifikasi Salah")</script>' ; echo
'<script
language="javascript">window.location = "index.php"</script>' ; } //echo "<p><input type=\"button\"
name=\"submit\" value=\"OK\" onClick=\"history.go(-1)\"></p>"; ?> |
1
2
3
4
5
6
| <?php include_once 'koneksi.php' ; $id = $_GET [ 'id' ]; mysql_query( "delete
from siswa where id='$id'" ) or die (mysql_error()); header( "location:index.php" ); ?> |
sumber
ConversionConversion EmoticonEmoticon