Senin, 15 April 2013

Membuat Data Grid Sederhana Study Kasus Data Siswa

Dalam Tutorial sebelumnya saya pernah membahas mengenai bagaimana menyimpan data,menampilkan data,mengubah data menggunakan PHP. Pada kesempatan ini saya akan mencoba menggabungkan semuanya menjadi satu tampilan,sehingga terlihat seperti Data Grid tapi dengan model sederhana.

Pada kesempatan yang lalu saya sudah membuat tutorial dari mulai simpan hingga hapus data.
bagi anda yang belum memabacanya dapat kunjungi link di bawah ini.

1. Mudahnya membuat Koneksi PHP dengan Mysql
2. Menyimpan Data dengan PHP Study Kasus Data Siswa
3. Menampilkan Data dengan PHP
4. Mengubah Data Menggunakan PHP
5. Menghapus Data Menggunakan PHP

Dari ke semua hal di atas akan kita coba jadikan satu tampilan, sehingga dapat seperti Tampilan DataGrid.
di sini saya akan melampirkan beberapa script yang dapat anda copy.

1. Tabel siswa


?
1
2
3
4
5
6
7
8
9
CREATE TABLE `siswa` (
  `id` int(5) NOT NULL AUTO_INCREMENT,
  `nama` varchar(50) DEFAULT NULL,
  `tempat_lahir` varchar(50) DEFAULT NULL,
  `tanggal_lahir` date DEFAULT NULL,
  `alamat` text,
  `hobby` varchar(50) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=latin1;


2. Koneksi.php
?
1
2
3
4
<?php
mysql_connect('localhost','root','');
mysql_select_db('project');
?>

 3. formsiswa.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
<div style="font-family: 'Times New Roman'; white-space: normal;">
</div>
<div style="font-family: 'Times New Roman'; white-space: normal;">
<b>
</b></div>
<pre class="brush:php;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="simpandata.php">
  <table width="677" border="0" align="center">
  <tr>
    <td colspan="2" align="center"><table width="677" border="0" align="center">
      <tr>
        <td colspan="2" align="center">FORM DATA SISWA</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td width="171">Nama</td>
        <td width="496"><input name="nama" type="text" id="nama" size="45" /></td>
      </tr>
      <tr>
        <td>Tempat Lahir</td>
        <td><input type="text" name="tempatlahir" id="tempatlahir" /></td>
      </tr>
      <tr>
        <td>Tanggal Lahir</td>
        <td><input type="text" name="tanggallahir" id="tanggallahir" /></td>
      </tr>
      <tr>
        <td>Alamat</td>
        <td><textarea name="alamat" id="alamat" cols="45" rows="5"></textarea></td>
      </tr>
      <tr>
        <td>Hobby</td>
        <td><input name="hobby" type="text" id="hobby" size="55" /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><input type="submit" name="button" id="button" value="Simpan Data" /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  </table>
</form>
</body>
</html></pre>
  
4. Simpandata.php
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?php
//memanggil koneksi ke database
include"koneksi.php";
//mendeklarasikan variabel
$nama=$_POST['nama'];
$tempatlahir=$_POST['tempatlahir'];
$tanggallahir=$_POST['tanggallahir'];
$alamat=$_POST['alamat'];
$hobby=$_POST['hobby'];
//Menyimpan data ke tabel siswa
$simpan="insert into siswa(id,nama,tempat_lahir,tanggal_lahir,alamat,hobby) values('0','$nama','$tempatlahir','$tanggallahir','$alamat','$hobby')";
$query=mysql_query($simpan) or die("gagal menyimpan".mysql_error());
echo"Data Berhasil Di simpan";
include"tampildata.php";
?>
  
5. Tampildata.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Data Siswa</title>
<style type="text/css">
.D {
    text-align: center;
    font-weight: bold;
}
</style>
</head>
<body>
<p class="D">DATA SISWA </p>
<table width="874" border="1" align="center">
  <tr>
    <td align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td colspan="2" align="center"><a href="formsiswa.php">Tambah Data</a></td>
  </tr>
  <tr>
    <td align="center">Nama</td>
    <td align="center">Tempat Lahir</td>
    <td align="center">Tanggal Lahir</td>
    <td align="center">Alamat</td>
    <td align="center">Hobby</td>
    <td align="center">Ubah</td>
    <td align="center">Hapus</td>
  </tr>
  <?php
  // Memanggil Koneksi
  include"koneksi.php";
   
  //menampilkan data dari database
  $tampil="select * from siswa";
  $query=mysql_query($tampil) or die("Gagal Tampil".mysql_error());
  while($data=mysql_fetch_array($query)){
  ?>
  <tr>
    <td><?php echo"$data[nama]"; ?></td>
    <td><?php echo"$data[tempat_lahir]"; ?></td>
    <td><?php echo"$data[tanggal_lahir]"; ?></td>
    <td><?php echo"$data[alamat]"; ?></td>
    <td><?php echo"$data[hobby]"; ?></td>
    <td align="center"><a href="ubahdatasiswa.php?idubah=<?php echo"$data[id]";?>">Ubah</a></td>
    <td align="center"><a href="hapusdatasiswa.php?idhapus=<?php echo"$data[id]";?>">Hapus</a></td>
  </tr>
  <?php } ?>
</table>
<p>&nbsp;</p>
</body>
</html> 

6. Ubahdatasiswa.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ubah Data Siswa</title>
</head>
<body>
 <?php
  // Memanggil Koneksi
  include"koneksi.php";
   
  //memanggil idubah
  $idubah=$_GET['idubah'];
   
  //menampilkan data dari database
  $tampil="select * from siswa where id='$idubah'";
  $query=mysql_query($tampil) or die("Gagal Tampil".mysql_error());
  $data=mysql_fetch_array($query);
  ?>
<form id="form1" name="form1" method="post" action="simpanubahdata.php">
  <table width="677" border="0" align="center">
  <tr>
    <td colspan="2" align="center"><table width="677" border="0" align="center">
      <tr>
        <td colspan="2" align="center">FORM UBAH DATA SISWA</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td width="171">Nama</td>
        <input name="id" type="hidden" id="nama" size="45" value="<?php echo"$data[id]";?>" />
        <td width="496"><input name="nama" type="text" id="nama" size="45" value="<?php echo"$data[nama]";?>" /></td>
      </tr>
      <tr>
        <td>Tempat Lahir</td>
        <td><input type="text" name="tempatlahir" id="tempatlahir" value="<?php echo"$data[tempat_lahir]";?>" /></td>
      </tr>
      <tr>
        <td>Tanggal Lahir</td>
        <td><input type="text" name="tanggallahir" id="tanggallahir" value="<?php echo"$data[tanggal_lahir]";?>" /></td>
      </tr>
      <tr>
        <td>Alamat</td>
        <td><textarea name="alamat" id="alamat" cols="45" rows="5"><?php echo"$data[alamat]";?></textarea></td>
      </tr>
      <tr>
        <td>Hobby</td>
        <td><input name="hobby" type="text" id="hobby" size="55" value="<?php echo"$data[hobby]";?>" /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><input type="submit" name="button" id="button" value="Simpan Data" /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  </table>
</form>
</body>
</html> 
7. Simpanubahdata.php
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<span style="font-family: monospace;"><span style="white-space: pre;"><?php
//memanggil koneksi ke database
include"koneksi.php";
//mendeklarasikan variabel
$id=$_POST['id'];
$nama=$_POST['nama'];
$tempatlahir=$_POST['tempatlahir'];
$tanggallahir=$_POST['tanggallahir'];
$alamat=$_POST['alamat'];
$hobby=$_POST['hobby'];
//Menyimpan data ke tabel siswa
$simpan="update siswa set nama='$nama',tempat_lahir='$tempatlahir',tanggal_lahir='$tanggallahir',alamat='$alamat',hobby='$hobby' where id='$id'";
$query=mysql_query($simpan) or die("gagal menyimpan".mysql_error());
echo"Data Berhasil Di ubah";
include"tampildata.php";
?></span></span>
8. Hapusdatasiswa.php
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<b>
</b><span style="font-family: monospace;"><span style="white-space: pre;"><?php
//memanggil koneksi ke database
include"koneksi.php";
//memanggil variabel idhapus
$idhapus=$_GET['idhapus'];
//menghapus data yang ada di database
$hapus="delete from siswa where id='$idhapus'";
$query=mysql_query($hapus) or die ("Gagal Hapus".mysql_error());
echo"Data Berhasil di Hapus";
include"tampildata.php";
?></span></span>
Hasil Output..
semoga bermanfaat :)


Sumber :http://belajarprograms.blogspot.com/2013/03/membuat-data-grid-sederhana-study-kasus.html
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)