Open top menu
Kamis, 20 Juli 2017

Membuat Form Input, Edit, dan Delete dengan PHP




·       Membuat Database
1.      Pastikan XAMPP sudah aktif
2.      Buka di browser > localhost/phpmyadmin
3.      Buatlah database “aji”
4.      Kemudian buat tabel “user” dengan field = id, nama, alamat, pekerjaan
·       Menampilkan data dari Database
1.      Buatlah script seperti dibawah ini (koneksi.php)
Script ini digunakan sebagai penghubung antara php dengan database di MySql 
<?php
$host = mysql_connect("localhost","root",""); 
// isikan dengan nama database yang akan di hubungkan
$db = mysql_select_db("aji");
?>

2.      Buat script (index.php)
Untuk Menampilkan data dari database
<!DOCTYPE html>
<html>
<head>
            <title>Membuat Form</title>
            <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
            <div class="judul">               
                        <h1>Membuat Form</h1>
                       
            </div>
            <br/>

            <?php
            if(isset($_GET['pesan'])){
                        $pesan = $_GET['pesan'];
                        if($pesan == "input"){
                                    echo "Data berhasil di input.";
                        }else if($pesan == "update"){
                                    echo "Data berhasil di update.";
                        }else if($pesan == "hapus"){
                                    echo "Data berhasil di hapus.";
                        }
            }
            ?>
            <br/>
            <a class="tombol" href="input.php">+ Tambah Data Baru</a>

            <h3>Data user</h3>
            <table border="1" class="table">
                        <tr>
                                    <th>No</th>
                                    <th>Nama</th>
                                    <th>Alamat</th>
                                    <th>Pekerjaan</th>
                                    <th>Opsi</th>                       
                        </tr>
                        <?php
                        include "koneksi.php";
                        $query_mysql = mysql_query("SELECT * FROM user")or die(mysql_error());
                        $nomor = 1;
                        while($data = mysql_fetch_array($query_mysql)){
                        ?>
                        <tr>
                                    <td><?php echo $nomor++; ?></td>
                                    <td><?php echo $data['nama']; ?></td>
                                    <td><?php echo $data['alamat']; ?></td>
                                    <td><?php echo $data['pekerjaan']; ?></td>
                                    <td>
                                                <a class="edit" href="edit.php?id=<?php echo $data['id']; ?>">Edit</a> |
                                                <a class="hapus" href="hapus.php?id=<?php echo $data['id']; ?>">Hapus</a>                                                
                                    </td>
                        </tr>
                        <?php } ?>
            </table>
</body>
</html>


3.      Agar tampilan lebih menarik tambahkan script (style.css)
body{
            font-family: 'roboto';
            color: #000;
}

.judul{
            background: #87D1D8;
            padding: 10px;
            text-align: center;

}

.judul h1,h2,h3{
            height: 15px;
}

a{
            /*color: #fff;*/
            padding: 5px;
            text-decoration: none;
}


.table{
            border-collapse: collapse;
}

table.table th th , table.table tr td{
            padding: 10px 20px    ;
}

·       Membuat Input
1.      Membuat script (input.php)
Untuk membuat form yang nantinya digunakan untuk menginputkan data
<!DOCTYPE html>
<html>
<head>
      <title>Membuat Form</title>
      <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
      <div class="judul">               
                  <h1>Membuat Form</h1>
      </div>
     
      <br/>

      <a href="index.php">Lihat Semua Data</a>

      <br/>
      <h3>Input data baru</h3>
      <form action="input-aksi.php" method="post">                   
                  <table>
                              <tr>
                                          <td>Nama</td>
                                          <td><input type="text" name="nama"></td>                                                     
                              </tr>   
                              <tr>
                                          <td>Alamat</td>
                                          <td><input type="text" name="alamat"></td>                                                   
                              </tr>   
                              <tr>
                                          <td>Pekerjaan</td>
                                          <td><input type="text" name="pekerjaan"></td>                                              
                              </tr>   
                              <tr>
                                          <td></td>
                                          <td><input type="submit" value="Simpan"></td>                                             
                              </tr>                                       
                  </table>
      </form>
</body>
</html>
2.      Buat script (input-aksi.php)
Script input-aksi.php digunakan untuk menangkap data yang diinput dan kemudian mengirimkannya ke database untuk disimpan
<?php
include 'koneksi.php';
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$pekerjaan = $_POST['pekerjaan'];

mysql_query("INSERT INTO user VALUES('','$nama','$alamat','$pekerjaan')");

header("location:index.php?pesan=input");
?>

·       Edit Data
1.      Buat script (edit.php)
Untuk membuat form yang akan digunakan untuk mengedit data
<!DOCTYPE html>
<html>
<head>
      <title>Membuat Form</title>
      <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
      <div class="judul">               
                  <h1>Membuat Form</h1>

      </div>
     
      <br/>
     
      <a href="index.php">Lihat Semua Data</a>

      <br/>
      <h3>Edit data</h3>

      <?php
      include "koneksi.php";
      $id = $_GET['id'];
      $query_mysql = mysql_query("SELECT * FROM user WHERE id='$id'")or die(mysql_error());
      $nomor = 1;
      while($data = mysql_fetch_array($query_mysql)){
      ?>
      <form action="update.php" method="post">            
                  <table>
                              <tr>
                                          <td>Nama</td>
                                          <td>
                                                      <input type="hidden" name="id" value="<?php echo $data['id'] ?>">
                                                      <input type="text" name="nama" value="<?php echo $data['nama'] ?>">
                                          </td>                                                  
                              </tr>   
                              <tr>
                                          <td>Alamat</td>
                                          <td><input type="text" name="alamat" value="<?php echo $data['alamat'] ?>"></td>                                                
                              </tr>   
                              <tr>
                                          <td>Pekerjaan</td>
                                          <td><input type="text" name="pekerjaan" value="<?php echo $data['pekerjaan'] ?>"></td>                                                       
                              </tr>   
                              <tr>
                                          <td></td>
                                          <td><input type="submit" value="Simpan"></td>                                             
                              </tr>                                       
                  </table>
      </form>
      <?php } ?>
</body>
</html>
2.      Buat script (update.php)
Untuk memproses data yang diedit
<?php

include 'koneksi.php';
$id = $_POST['id'];
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$pekerjaan = $_POST['pekerjaan'];

mysql_query("UPDATE user SET nama='$nama', alamat='$alamat', pekerjaan='$pekerjaan' WHERE id='$id'");

header("location:index.php?pesan=update");
?>
·       Menghapus Data
Buatlah script untuk menghapus data seperti dibawah ini (hapus.php)
<?php
include 'koneksi.php';
$id = $_GET['id'];
mysql_query("DELETE FROM user WHERE id='$id'")or die(mysql_error());

header("location:index.php?pesan=hapus");
?>

Tagged
Different Themes
Written by Lovely

Aenean quis feugiat elit. Quisque ultricies sollicitudin ante ut venenatis. Nulla dapibus placerat faucibus. Aenean quis leo non neque ultrices scelerisque. Nullam nec vulputate velit. Etiam fermentum turpis at magna tristique interdum.

0 komentar