download serba-serbi aneka konten

Breaking

Senin, 24 September 2018

Membuat Crud php (edisi tugas pemrograman web 2)


Cara Membuat Aplikasi CRUD (Create, Read, Update, Delete) Sederhana dengan PHP dan MySQL. Jadi nanti kita akan membuat Aplikasi sederhanya bagaimana cara Create/insert data ke database, Read/Select/Menampilkan data dari database, Update/edit data dari database, dan Delete/hapus data dari database dengan menggunakan bahasa pemrograman PHP dan database MySQL. Langkah pertama, kita  harus membuat database dahulu di MYSQL dengan nama “web2”.
Didalam database web2 kita buat tabel dengan nama “users”.Berikut kolom-kolom yang ada pada tabel users:



Setelah memebuat tabel users, selanjutnya kita membuat sebuah file koneksi ke database, agar aplikasi kita dapat terhubung ke database yang kita buat.

Berikit script PHP yang akan kita gunakan untuk koneksi ke database :
<?php
$databaseHost = 'localhost';
$databaseName = 'webprog2';
$databaseUsername = 'root';
$databasePassword = '';

$mysqli = mysqli_connect($databaseHost, $databaseUsername, $databasePassword, $databaseName);

?>
Simpan file tersebut dengan nama koneksi.php, difolder dengan nama “project1” pada webserver local kita, dalam hal ini saya menggunakan XAMPP yang memiliki aplikasi Apache dan Mysql untuk menjadi web server dan database server local kita.Berati file koneksi.php tadi kita simpan dimana tempat terinstalnya aplikasi XAMPP tersebut. Kalo di laptop saya berada di : C:/xampp/htdocs/project1
Kemudian setelah itu, kita buat file lagi yang akan kita gunakan untuk menginputkan user kedalam tabel “users” dan proses menyimpan data yang dikirim dari from tambah user yang menggunakan method “POST” yang ada pada database “web2”.

Berikut script untuk add  user :

<html>
<head>
            <title>Tambah User</title>
</head>

<body>
<?php
include_once("config.php");

if(isset($_POST['Submit'])) {
            $nama = mysqli_real_escape_string($mysqli, $_POST['nama']);
            $email = mysqli_real_escape_string($mysqli, $_POST['email']);
            $username = mysqli_real_escape_string($mysqli, $_POST['username']);
            $password = mysqli_real_escape_string($mysqli, $_POST['password']);

            if(empty($nama) || empty($email) || empty($username) || empty($password)) {
                                               
                        if(empty($nama)) {
                                    echo "<font color='red'>Anda belum menambahkan Nama.</font><br/>";
                        }
                       
                        if(empty($email)) {
                                    echo "<font color='red'>Anda belum menambahkan Email.</font><br/>";
                        }

                        if(empty($username)) {
                                    echo "<font color='red'>Anda belum menambahkan Username.</font><br/>";
                        }
                       
                        if(empty($password)) {
                                    echo "<font color='red'>Anda belum menambahkan Password.</font><br/>";
                        }
                       
                        echo "<br/><a href='javascript:self.history.back();'>Kembali Ke Halaman Sebelumnya</a>";
            } else {           
                        $result = mysqli_query($mysqli, "INSERT INTO users(nama,email,username,password) VALUES('$nama','$email','$username','$password')");
                        echo "<font color='green'>Data berhasil di tambahkan.";
                        echo "<br/><a href='index.php'>Lihat Data User</a>";
            }
}
?>
</body>
</html>


Kemudian simpan file tersebut dengan nama add.php.Selanjutnya jalankan file index.php melalui browser kalian dengan cara mengetik “localhost/web2”, 
hasil output dari file tersebut

Langkah selanjutnya  buat file lagi untuk menampilkan data yang sudah kita inputkan tadi kedalam database.simpan dengan nama index.php.
berikut scriptnya :

<?php
include_once("config.php");
$result = mysqli_query($mysqli, "SELECT * FROM users ORDER BY id DESC");
?>

<html>
<head>           
            <title>Aplikasi CRUD</title>
</head>
<body bgcolor="#CCCCCC">

<h2>Tugas Pemrograman Web 2</h2>
<hr>
<a href=add.html  title="Tambah Data Lagi"><button>TAMBAH DATA</button></a><br/><br/>


<table width='80%' border="1">

            <tr bgcolor='#CCCCCC'>
                        <td width="112" height="29" align="center" valign="middle" bgcolor="#40E0D0">Nama</td>
                        <td width="176" align="center" valign="middle" bgcolor="#40E0D0">Email</td>
                        <td width="200" align="center" valign="middle" bgcolor="#40E0D0">Username</td>
                        <td width="200" align="center" valign="middle" bgcolor="#40E0D0">Password</td>
                        <td width="100" align="center" valign="middle" bgcolor="#40E0D0">Opsi</td>
            </tr>
            <?php
           
            while($res = mysqli_fetch_array($result)) {              
                        echo "<tr>";
                        echo "<td>".$res['nama']."</td>";
                        echo "<td>".$res['email']."</td>";
                        echo "<td>".$res['username']."</td>";
                        echo "<td>".$res['password']."</td>";           
                        echo "<td><a href=\"edit.php?id=$res[id]\">Edit</a> | <a href=\"delete.php?id=$res[id]\" onClick=\"return confirm('Anda yakin akan menghapus data?')\">Delete</a></td>";                     
            }
            ?>
</table>
</body>
</html>

Hasil output dari index.php



Selanjutnya kita buat file untuk mengedit data yang sudah kita inputkan tadi ke database dan  Simpan file tersebut dengan nama “edit.php”.

Berikut scriptnya :

<?php
include_once("config.php");

if(isset($_POST['update']))
{         

            $id = mysqli_real_escape_string($mysqli, $_POST['id']);
           
            $nama = mysqli_real_escape_string($mysqli, $_POST['nama']);
            $email = mysqli_real_escape_string($mysqli, $_POST['email']);
            $username = mysqli_real_escape_string($mysqli, $_POST['username']);     
            $password = mysqli_real_escape_string($mysqli, $_POST['password']);     
           
            if(empty($nama) || empty($email) || empty($username)|| empty($password)) {        
                                   
                        if(empty($nama)) {
                                    echo "<font color='red'>Anda belum menambahkan Nama.</font><br/>";
                        }
                       
                        if(empty($email)) {
                                    echo "<font color='red'>Anda belum menambahkan Email.</font><br/>";
                        }
                       
                        if(empty($username)) {
                                    echo "<font color='red'>Anda belum menambahkan Username.</font><br/>";
                        }

                        if(empty($password)) {
                                    echo "<font color='red'>Anda belum menambahkan Password.</font><br/>";
                        }                                 
            } else {           
                       
                        $result = mysqli_query($mysqli, "UPDATE users SET nama='$nama',email='$email',username='$username',password='$password' WHERE id=$id");

                        header("Location: index.php");
            }
}
?>
<?php
$id = $_GET['id'];

$result = mysqli_query($mysqli, "SELECT * FROM users WHERE id=$id");

while($res = mysqli_fetch_array($result))
{
            $nama = $res['nama'];
            $email = $res['email'];
            $username = $res['username'];
            $password = $res['password'];
}
?>
<html>
<head>           
            <title>Ubah Data</title>
</head>
<script language="javascript">
    function hanyaAngka(e, decimal) {
    var key;
    var keychar;
     if (window.event) {
         key = window.event.keyCode;
     } else if (e) {
         key = e.which;
     } else return true;
  
    keychar = String.fromCharCode(key);
    if ((key==null) || (key==0) || (key==8) ||  (key==9) || (key==13) || (key==27) ) {
        return true;
    } else
    if ((("0123456789").indexOf(keychar) > -1)) {
        return true;
    } else
    if (decimal && (keychar == ".")) {
        return true;
    } else return false;
    }
   
    function huruf(evt){
        var charCode = (evt.which) ? evt.which : event.keyCode
        if ((charCode < 65 || charCode > 90)&&(charCode < 97 || charCode > 122)&&charCode>32)
            return false;
        return true;
    }
</script>
<body>
<h2>Form Ubah Data</h2>
<hr>
            <a href="index.php">Home</a>
            <br/><br/>
           
            <form name="form1" method="post" action="edit.php">
                        <table border="0">
                                    <tr>
                                                <td>Nama</td>
                                                <td><input type="text" name="nama" value="<?php echo $nama;?>" onKeyPress="return huruf(event)"></td>
                                    </tr>
                                    <tr>
                                                <td>Email</td>
                                                <td><input type="text" name="email" value="<?php echo $email;?>"></td>
                                    </tr>
                                    <tr>
                                                <td>Username</td>
                                                <td><input type="text" name="username" value="<?php echo $username;?>"></td>
                                    </tr>
                                    <tr>
                                                <td>Password</td>
                                                <td><input type="text" name="password" value="<?php echo $password;?>"></td>
                                    </tr>
              <div class="col-sm-3"></div>
                                                <td><input type="hidden" name="id" value=<?php echo $_GET['id'];?>></td>
                                                <td><input type="submit" name="update" value="Update">
               <a href="index.php" class="btn btn-warning">Close</a></td>
                                    </tr>
                        </table>
            </form>
</body>
</html>

Hasil output dari file tersebut :

Terakhir kita buat file delete, yang digunakan untuk menghapus data yang sudah kita inputkan ke database tadi.Simpan dengan nama “delete.php”.
Berikut scriptnya :
<?php
include("config.php");
$id = $_GET['id'];
$result = mysqli_query($mysqli, "DELETE FROM users WHERE id=$id");
header("Location:index.php");
?>

Sekian dan terimaksih

Tidak ada komentar:

Posting Komentar

Post Top Ad

Your Ad Spot

Pages