PHP MYSQL Tambah Hapus Edit

PHP MYSQL Tambah Hapus Edit

17:01
Pertama kita buat databasenya dulu.
1
CREATE DATABASE `tambahhapusedit` ;
Kemudian bikin tabelnya.
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 ;
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
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;
}
Kemudian kita bikin file php buat menghubungkan antara file php kita dengan database yang kita buat. Kita beri nama dengan koneksi.php
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());
 
?>
Selanjutnya kita buat file index.php. Pada index.php ini terdapat form untuk mengisi data dan tabel yang menampilkan data dari database.
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>
Kemudian kita membuat skrip untuk melakukan penyimpanan data ke dalam database. Kita namai dengan simpan.php
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>";
?>
Selanjutnya kita membuat halaman untuk mengedit entry data dari database. Kita beri nama dengan edit.php
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>
Kemudian kita buat file php untuk melakukan eksekusi penyimpanan data yang kita edit kedalam database. Kita beri nama simpanedit.php
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>";
?>
Terakhir kita membuat skrip untuk melakukan eksekusi hapus data dari database. Kita beri nama hapus.php
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");
?>
Pastikan semua file yang telah dibuat dalam terletak dalam satu folder seperti gambar di bawah ini.

harus seperti ini

sumber

About

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Next
« Prev Post
Previous
Next Post »
Thanks for your comment
Subscribe to: Post Comments (Atom)