Membuat Manipulasi Data Dengan HTML dan PHP



Manipulasi data bisa di artikan juga untuk menu lihat, insert, edit dan delete. Pada posting sebelumnya telah di jelaskan cara membuat data base. Sekarang bagaimana agar data base tersebut dapat kita lihat di broses web kita. Pertama yanag perlu dilakukan adalah membuat menu untuk melihat semua data. Database disini bernama balai dengan tabel bernama air_tanah dengan ketentuan

Field
Type
Collation
Attributes
Null
Default
id_cat
varchar(8)
latin1_swedish_ci

No
None
nama_cat
varchar(50)
latin1_swedish_ci

No
None
id_bws
varchar(6)
latin1_swedish_ci

No
None
debit_optimum
varchar(9)
latin1_swedish_ci

No
None
potensi
varchar(50)
latin1_swedish_ci

No
None
lokasi
varchar(50)
latin1_swedish_ci

No
None
keterangan
varchar(500)
latin1_swedish_ci

No
None


Koneksi.php
<?php
mysql_connect("localhost","root","") or die("Koneksi gagal");
mysql_select_db("balai")
?>
Keterangan : mysql_connect untuk koneksi ke database. Disini penulis menggunakan database fersi localhost, bila database bersifat online dengan domain bisa diubah sesuai kebutuhan. Mysql_select_db untuk penghubung ke nama data basenya.
lihat.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Data air Tanah</title>
</head>
<style>
body{ background:#000033; font:12px Arial; }
h1{ color:#0066FF }
form{ border:1px solid; width:90%; margin:10px; padding:15px 10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#rst{ color:#33CCFF; font-size:16px; }
</style>
<body bgcolor="#000033">
  <table border="0" color="red" width="900" height="" BGCOLOR="#FFFFFF" align="center">
      <tr>
          <td>
              <?php
                include "headadmin.php";
              ?>
          </td>
      </tr>
      <tr>
             <td valign="top">
           <center>
            <h1>Data Potensi Air Tanah</h1>
            <form action="" method="post">
<?php
   include "koneksi.php";
     if($_GET['action']  == 'delete'){
     mysql_query("delete from airtanah where id_bws='".mysql_real_escape_string($_GET['id'])."'");
     }
     $query = "select * from airtanah order by nama_cat";
    $rowSet = mysql_query($query);
    echo '<a href="form_airtanah.php">Input Data Air Tanah Baru</a>';
    echo '<table border="0" >';
    echo '<tr bgcolor="#FFCC33">';
    echo '<td>id_CAT</td>';
    echo '<td>id_bws</td>';
    echo '<td>nama CAT</td>';
    echo '<td>Debit Optimum l/det</td>';
    echo '<td>Potensi</td>';
    echo '<td>Lokasi</td>';
    echo '<td>Keterangan</td>';
    echo '<td colspan="2">Action</td>';
    echo '</td>';
    while($row = mysql_fetch_array($rowSet)){
    echo '<tr bgcolor="#FFFF99">';
    echo '<td>'.$row['id_cat'].'</td>';
    echo '<td>'.$row['id_bws'].'</td>';
    echo '<td>'.$row['nama_cat'].'</td>';
    echo '<td>'.$row['debit_optimum'].'</td>';
    echo '<td>'.$row['potensi'].'</td>';
    echo '<td>'.$row['lokasi'].'</td>';
    echo '<td>'.$row['keterangan'].'</td>';
    echo '<td>';
    echo '<a href="airtanah.php?id='.$row['id_bws'].'&action=delete"><img src="images/b_drop.png" width="25" height="25"></a>';
    echo '</td>';
    echo '<td>  <a href="form_edit_airtanah.php?id='.$row['id_bws'].'"><img src="images/b_edit.png" width="25" height="25"></a>';
    echo '</td>';
    echo '</tr>';
    }
    echo '</table>';
    ?>
          </td>
      </tr>
     <tr>
       <td>
        <?php
          include "footer_admin.php";
        ?>
       </td>
       </tr>
  </table>
</body>
</html>

Keterangan :      echo '<a href="airtanah.php?id='.$row['id_bws'].'&action=delete"><img src="images/b_drop.png" width="25" height="25"></a>';
 Adalah script untuk action menghapus data. Disini data akan langsung terhapus begitu di klik tanpa notificasion terlebih dahulu
Hasil : 


Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment