Senin, 05 Desember 2011

Membuat Form Buku Alamat Sederhana di Web Bagian 3

Mendesain Menu Utama, File Master, dan File Transaksi(edit data)


Tampilan Sederhana Web :



ni script - scriptnya 


Untuk File index.php scriptnya :


<html><title>Buku Alamat</title>
<ul>
  
  <blockquote>
      <p>&nbsp;</p>
  </blockquote>
  <table width="100%" height="100%" border="0">
    <tr valign="top">
      <td width="250"  valign="top">
 <table width="200" height="100%" border="0" align="center">
        <tr>
          <td>
 <ul>
  <li><a href="index.php">Awal</a></li>
            <li><a href="master.php">File Buku Alamat</a></li>
            <li> <a href="transaksi.php">File Editing Buku Alamat</a> </li>
          </ul>
          </td>
        </tr>
      </table></td>
      <td valign="top">
 <table width="100%" height="100%" border="0">
        <tr>
          <td><div align="center">
            <p>Selamat Datang di Buku Alamat Sederhana</p>
            <p>&nbsp;</p>
            <p>Tujuan Dibuatnya : Hanya untuk belajar dalam pembuatan web dengan adanya database  </p>
          </div></td>
        </tr>
      </table>
 </td>
    </tr>
  </table>
</ul>

Untuk File koneksiserver.php scriptnya :


<?php
//membuat koneksi ke server
$koneksiserver=mysql_connect("localhost","root","") or die(mysql_error);


//memilih database nya
$database=mysql_select_db("buku_alamat",$koneksiserver) or die(mysql_error);
?>


Untuk File master.php scriptnya :


<html><title>Buku Alamat</title>
<ul>
  
  <blockquote>
      <p>&nbsp;</p>
  </blockquote>
  <table width="100%" height="100%" border="0">
    <tr valign="top">
      <td width="250"  valign="top">
 <table width="200" height="100%" border="0" align="center">
        <tr>
          <td>
 <ul>
  <li><a href="index.php">Awal</a></li>
            <li><a href="master.php">File Buku Alamat</a></li>
            <li> <a href="transaksi.php">File Editing Buku Alamat</a> </li>
          </ul>
          </td>
        </tr>
      </table></td>
      <td valign="top">
 <table width="100%" height="100%" border="0">
        <tr>
          <td>
          <?php
          include("koneksiserver.php");
          $field=mysql_query("SELECT*FROM buku");
          echo '<table border="1">';
          echo '<tr>';
          echo '<td width="50" align="center">';
          echo 'No';
          echo '</td>';
          echo '<td width="200" align="center">';
          echo 'Nama';
          echo '</td>';
          echo '<td width="150" align="center">';
          echo 'Telepon';
          echo '</td>';
          echo '<td width="300" align="center">';
          echo 'Alamat';
          echo '</td>';
          echo '</tr>';
          echo '</table>';
          echo '<table border="1">';
          while($baca=mysql_fetch_array($field))
          {
            echo '<tr>';
            echo '<td width="50" align="center">';
            echo $baca["id"];
            echo '</td>';
            echo '<td width="200" align="center">';
            echo $baca["nama"];
            echo '</td>';
            echo '<td width="150" align="center">';
            echo $baca["telepon"];
            echo '</td>';
            echo '<td width="300" align="center">';
            echo $baca["alamat"];
            echo '</td>';
            echo '</tr>';
          }
          echo '</table>';
          mysql_close($koneksiserver);
          ?>
          </td>
        </tr>
      </table>
 </td>
    </tr>
  </table>
</ul>
</html>


Untuk File transaksi.php scriptnya :


<html><title>Buku Alamat</title>
<ul>
  
  <blockquote>
      <p>&nbsp;</p>
  </blockquote>
  <table width="100%" height="100%" border="0">
    <tr valign="top">
      <td width="250"  valign="top">
 <table width="200" height="100%" border="0" align="center">
        <tr>
          <td>
 <ul>
  <li><a href="index.php">Awal</a></li>
            <li><a href="master.php">File Buku Alamat</a></li>
            <li> <a href="transaksi.php">File Editing Buku Alamat</a> </li>
          </ul>          </td>
        </tr>
      </table></td>
      <td valign="top">
 <table width="100%" height="100%" border="0">
        <tr>
          <td>
 <ul>
 <li><a href="insert.php">Tambah Data</a></li>
  <li><a href="edit.php">Ubah Data</a></li>
 </ul>
 </td>
        </tr>
      </table>
 </td>
    </tr>
  </table>
</ul>




</html>



Untuk File insert.php scriptnya :


<html><title>Buku Alamat</title>
<ul>
  
  <blockquote>
      <p>&nbsp;</p>
  </blockquote>
  <table width="100%" height="100%" border="0">
    <tr valign="top">
      <td width="250"  valign="top">
  <table width="200" height="100%" border="0" align="center">
        <tr>
          <td>
  <ul>
   <li><a href="index.php">Awal</a></li>
            <li><a href="master.php">File Buku Alamat</a></li>
            <li> <a href="transaksi.php">File Editing Buku Alamat</a> </li>
          </ul>
          </td>
        </tr>
      </table></td>
      <td valign="top">
  <table width="50%" height="50%" border="0" align="center" border="1">
        <tr>
          <td>
          <form method="post" action="insertfield.php">
          <table>
          <tr><td>ID</td>
          <td><input type="text" name="id" /></td>
          <tr><td>Nama</td>
          <td><input type="text" name="nama" /></td>
          <tr><td>Telepon</td>
          <td><input type="text" name="telepon" /></td>
          <tr><td>Alamat</td>
          <td><input type="text" name="alamat" /></td>
          </table>
          <tr><td colspan="2" align="left"><input type="submit" value="Simpan" /></td>
          </form>
          </td>
        </tr>
      </table>
  </td>
    </tr>
  </table>
</ul>




</html>


Untuk File insertfield.php scriptnya :


<?php
$id=$_POST["id"];
$nama=$_POST["nama"];
$telepon=$_POST["telepon"];
$alamat=$_POST["alamat"];
include("koneksiserver.php");
$id=addslashes($id);
$nama=addslashes($nama);
$telepon=addslashes($telepon);
$alamat=addslashes($alamat);
$tambah="INSERT INTO buku(id,nama,telepon,alamat)"."values('".$id."','".$nama."','".$telepon."','".$alamat."')";
if (mysql_query($tambah))
{
    echo 'Penyimpanan Data Berhasil<br>';
    echo '<a href="master.php">Lihat Data</a><br>';
    echo '<a href="insert.php">Masukan Data Kembali</a><br>';
}
else
{
    echo 'Penyimpanan Data Gagal<br>';
    echo '<a href="master.php">Lihat Data</a><br>';
    echo '<a href="insert.php">Masukan Data Kembali</a><br>';
}
mysql_close($koneksiserver);
?>


Untuk File edit.php scriptnya :


<html><title>Buku Alamat</title>
<ul>
  
  <blockquote>
      <p>&nbsp;</p>
  </blockquote>
  <table width="100%" height="100%" border="0">
    <tr>
      <td width="250"  valign="top">
 <table width="200" height="100%" border="0" align="center">
        <tr>
          <td>
 <ul>
  <li><a href="index.php">Awal</a></li>
            <li><a href="master.php">File Buku Alamat</a></li>
            <li> <a href="transaksi.php">File Editing Buku Alamat</a> </li>
          </ul>
          </td>
        </tr>
      </table></td>
      <td valign="top">
 <table width="100%" height="100%" border="0">
        <tr>
          <td>
          <?php
          include("koneksiserver.php");
          $field=mysql_query("SELECT*FROM buku");
          echo '<table border="1">';
          echo '<tr>';
          echo '<td width="50" align="center">';
          echo 'No';
          echo '</td>';
          echo '<td width="200" align="center">';
          echo 'Nama';
          echo '</td>';
          echo '<td width="150" align="center">';
          echo 'Telepon';
          echo '</td>';
          echo '<td width="300" align="center">';
          echo 'Alamat';
          echo '</td>';
          echo '<td width="70" align="center">';
          echo 'Edit';
          echo '</td>';
          echo '<td width="70" align="center">';
          echo 'Hapus';
          echo '</td>';
          echo '</tr>';
          echo '</table>';
          echo '<table border="1">';
          while($baca=mysql_fetch_array($field))
          {
            $id=$baca['id'];
            echo '<tr>';
            echo '<td width="40" align="center">';
            echo $baca["id"];
            echo '</td>';
            echo '<td width="150" align="center">';
            echo $baca["nama"];
            echo '</td>';
            echo '<td width="120" align="center">';
            echo $baca["telepon"];
            echo '</td>';
            echo '<td width="220" align="center">';
            echo $baca["alamat"];
            echo '</td>';
            echo '<td width="55" align="center">';
            echo '<a href="editform.php?id='.$baca['id'].'">Edit</a>';
            echo '</td>';
            echo '<td width="62" align="center">';
            echo '<a href="delete.php?id='.$baca['id'].'">Hapus</a>';
            echo '</td>';
            echo '</tr>';
          }
          echo '</table>';
          mysql_close($koneksiserver);
          ?>
          </td>
        </tr>
      </table>
 </td>
    </tr>
  </table>
</ul>




</html>


Untuk File editform.php scriptnya :


<html><title>Buku Alamat</title>
<ul>
  
  <blockquote>
      <p>&nbsp;</p>
  </blockquote>
  <table width="100%" height="100%" border="0">
    <tr valign="top">
      <td width="250"  valign="top">
 <table width="200" height="100%" border="0" align="center">
        <tr>
          <td>
 <ul>
  <li><a href="index.php">Awal</a></li>
            <li><a href="master.php">File Buku Alamat</a></li>
            <li> <a href="transaksi.php">File Editing Buku Alamat</a> </li>
          </ul>
          </td>
        </tr>
      </table></td>
      <td valign="top">
 <table width="100%" height="100%" border="0">
        <tr>
          <td>
          <?php
          $id=$_GET["id"];
          include ("koneksiserver.php");
          $edit="SELECT nama,telepon,alamat FROM buku WHERE id=".$id;
          $bacaedit=mysql_query($edit);
          $baca=mysql_fetch_array($bacaedit);
          echo'<form method="get" action="editfield.php">
          <table>
          <tr><td>ID</td>
          <td><input type="text" name="id" value="'.$id.'" readonly=true/></td>
          <tr><td>Nama</td>
          <td><input type="text" name="nama" value="'.stripcslashes($baca['nama']).'"/></td>
          <tr><td>Telepon</td>
          <td><input type="text" name="telepon" value="'.stripcslashes($baca['telepon']).'" /></td>
          <tr><td>Alamat</td>
          <td><input type="text" name="alamat" value="'.stripcslashes($baca['alamat']).'"/></td>
          <tr><td colspan="2" align="left"><input type="submit" value="Simpan" /></td>
          </table>
          </form>';
          ?>
          </td>
        </tr>
      </table>
 </td>
    </tr>
  </table>
</ul>




</html>


Untuk File editfield.php scriptnya :


<?php
$id=$_GET['id'];
$nama=$_GET['nama'];
$telepon=$_GET['telepon'];
$alamat=$_GET['alamat'];
include("koneksiserver.php");
$nama=addslashes($nama);
$telepon=addslashes($telepon);
$alamat=addslashes($alamat);
$update="UPDATE buku SET nama='$nama',telepon='$telepon',alamat='$alamat' WHERE id='$id'";
$hasil=mysql_query($update);
if($hasil)
{
    echo 'Perubahan sukses<br>';
    echo '<a href="master.php">Lihat Hasilnya</a><br>';
}
else
{
    echo 'Perubahan Gagal<br>';
    echo '<a href="master.php">Lihat Hasilnya</a><br>';
}
?>


Untuk File delete.php scriptnya :


<?php
$id=$_GET["id"];
include("koneksiserver.php");
$delete="DELETE FROM buku WHERE id='$id'";
$hasil=mysql_query($delete);
if($hasil)
{
    echo 'Hapus Data sukses<br>';
    echo '<a href="master.php">Lihat Hasilnya</a><br>';
}
else
{
    echo 'Hapus Data Gagal<br>';
    echo '<a href="master.php">Lihat Hasilnya</a><br>';
}
mysql_close($koneksiserver);
?>


Selesai ... :c: 

Tidak ada komentar:

Posting Komentar