SELAMAT DATANG DIBLOG KAMI Silahkan tinggalkan komentar anda dibawah happy enjoyed.. :)

Senin, 13 Januari 2014

membuat input, output, edit, hapus

<?PHP membuat input, output, edit, hapus ?>

Oke kali ini saya akan menjelaskan tentang cara membuat form input, output, edit dan delete. Untuk pertama yang harus disiapkan adalah :
            1. Aplikasi XAMPP
            2. Dreamweaver
Oke langsung saja :
Ø  Langkah Pertama
Instal dulu XAMPP,kalo belum punya ya  download dulu search di google banyak. Hehehehe ato ini alamat website dari xampp www.apachefriends.org/en/xampp-windows.html‎ .
Ø  Langkah Kedua
Kita buat database dulu ya. Caranya masuk dulu di web browser anda sekalian, terus ketikkan alamat http://localhost/phpmyadmin. langsung saja creat database kemudian creat table. NB: Harus ada primary key_nya. Ini contohnya dari saya :

Keterangan :
Yang saya beri warna merah = Database
Yang saya beri warna hitam = Tabel
Yang saya beri warna hijau = Primary key


Ø  Langkah Ketiga
Buat folder dulu di disk C: cari xampp kemudian cari folder htdocs lalu buat folder sesukamu, missal punya saya bernama pwd_nug
Buat form input data. Ini contoh dari saya :
Save script dibawah ini dengan nama file  form_input.php
<form name="form1" method="post" action="tambah_data.php">
<p align="left"> Masukan Data Kontak</p>
<table width="56%" boder="0" >
<tr>
            <td width="23%">Nim</td>
            <td width="77%"><input type="text" name="nim" size="29"></td>
</tr>
<tr>
            <td width="23%">Nama</td>
            <td width="77%"><input type="text" name="nama" size="29"></td>
</tr>
<tr>
            <td width="23%">Kelas</td>
            <td width="77%"><input type="text" name="kelas" size="29"></td>
</tr>
<tr>
            <td width="23%">Pesan</td>
            <td width="77%"><input type="text" name="pesan" size="29"></td>
</tr>
<tr>
            <td width="23%"></td>
            <td width="77%"><input type="submit" name="submit" size="29" value="SIMPAN"></td>
</tr>
</table>
</form>


Ø  Langkah keempat
Buat script php untuk tambah data sekaligus membuat koneksi dengan untuk koneksi ke data basenya.. Contoh dari saya.
Save script dibawah ini dengan nama file tambah_data.php
<?php
$sambung = mysql_connect("localhost", "root", "") or die ("Gagal konek ke server.");
mysql_select_db("contoh") or die ("Gagal membuka database.");
     $nim = $_POST['nim'];
     $nama = $_POST['nama'];
     $kelas = $_POST['kelas'];
     $pesan = $_POST['pesan'];
            
             $query = mysql_query("insert into pwd values ('$nim', '$nama', '$kelas','$pesan')");
mysql_close($sambung);
?>
<p> Data sudah tersimpan, Silahkan cek di <a href="tampil.php">Tabel Data</a></p>

Ø  Langkah Kelima
Buat script untuk menampilkan hasil dari inputan.
Save script dengan nama file tampil.php
<?php
$sambung = mysql_connect("localhost", "root", "") or die ("Gagal konek ke server.");
mysql_select_db("contoh") or die ("Gagal membuka database.");
?>
<h1 align="Center"> Data Kontak</h1>
<br>
<hr>
<p align="left"><a href="form_input.php">Input</a></p>
<table width="601" border="1" align="left">
<tr align="left">
    <td width="128">Nim</td>
    <td width="134">Nama</td>
    <td width="56">Kelas</td>
    <td width="185">Pesan</td>
    </tr>
    <?php
             $query = "select * from pwd";
 $result =  mysql_query($query, $sambung) or die("gagal melakukan query"); while ($nug = mysql_fetch_array($result)) {
      ?>
    <tr>
    <td><?php echo $nug['nim']; ?></td>
    <td><?php echo $nug['nama']; ?></td>
    <td><?php echo $nug['kelas']; ?></td>
    <td><?php echo $nug['pesan']; ?></td>
    <td width="64"><a href="edit.php?nim=<?php echo $nug['nim']; ?>"><img src="image/edit.png"></a> <a href="hapus.php?nim=<?php echo $nug['nim'];?>"><img src="image/hapus.png"></a></td>
    </tr>
    <?php
            };
            mysql_close($sambung);
            ?>
    </table>
Ø  Langkah Keenam
Buat form untuk edit data.
Save script dengan nama file edit.php
<?php
$sambung = mysql_connect("localhost", "root", "") or die ("Gagal konek ke server.");
mysql_select_db("contoh") or die ("Gagal membuka database.");
$nim = $_GET['nim'];
$query = "select *from pwd where nim='$nim'";
$result =  mysql_query($query, $sambung) or die("gagal melakukan query");
     $nug = mysql_fetch_array($result);
             mysql_close($sambung);
             ?>   
     <form name="form1" method="post" action="edit_data.php">
<p align="left"> Edit Data</p>
<table width="333" boder="0" >
<tr>
            <td width="26%">Nim</td>
            <td width="74%"><input type="text" name="kode" value="<?php echo $nug['nim']; ?>" size="29"></td>
</tr>
<tr>
            <td width="26%">Nama</td>
            <td width="74%"><input type="text" name="nama" value="<?php echo $nug['nama']; ?>" size="29"></td>
</tr>
<tr>
            <td width="26%">Kelas</td>
            <td width="74%"><input type="text" name="kelas" value="<?php echo $nug['kelas']; ?>" size="29"></td>
</tr>
<tr>
            <td width="26%">Pesan</td>
            <td width="74%"><input type="text" name="pesan" value="<?php echo $nug['pesan']; ?>" size="29"></td>
</tr>
<tr>
            <td width="26%"></td>
            <td width="74%"><input type="submit" name="submit" size="29" value="SIMPAN"></td>
</tr>
</table>
</form>
<p><a href="tampil.php">Tabel Kontak</a></p>

Ø  Langkah keenam
Buat srript script edit data.
Save dengan nama file edit_data.php
<?php
$sambung = mysql_connect("localhost", "root", "") or die ("Gagal konek ke server.");
mysql_select_db("contoh") or die ("Gagal membuka database.");

     $nim = $_POST['nim'];
     $nama = $_POST['nama'];
     $kelas = $_POST['kelas'];
     $Pesan = $_POST['pesan'];
    
     $query = mysql_query("update pwd set nama='$nama', kelas='$kelas', pesan='$pesan' where nim='$nim' ");
mysql_close($sambung);
?>
<p> Data sudah ter-update, Silahkan cek di <a href="tampil.php">Tabel Data</a></p>
Ø  Langkah ketuju
Buat script untuk hapus data.
Save script dengan nama file hapus.php
<?php
$sambung = mysql_connect("localhost", "root", "") or die ("Gagal konek ke server.");
mysql_select_db("contoh") or die ("Gagal membuka database.");

$nim = $_GET['nim'];
mysql_query("delete from pwd where nim='$nim'") or die ("Gagal menghapus data.");
mysql_close($sambung);
?>
<h1> Data Berhasil Dihapus, Check di - <a href="tampil.php">Tabel Data</a></h1>

Ø  Langkah delapan
Untuk membuka file php yang telah kita buka dengan membuka browser anda lalu ketikkan localhost/pwd_nug/form_input.php.  selesai deh  J J J J
 LAMPIRAN
Form input

form tampil data






Tidak ada komentar:

Posting Komentar