Aplikasi CRUD (Create Read Update Delete Data) menggunakan PHP dan MySQL

Aplikasi CRUD (Create Read Update dan Delete) pada suatu aplikasi website merupakan aplikasi wajib yang harus ada dalam tiap pembuatan website dinamis. Ya.. aplikasi ini biasanya ada di halaman administrator.



Misalnya saja dalam manajemen berita. Untuk menambah, mengedit dan mendelete berita, mutlak harus menggunakan aplikasi CRUD ini..

Ok deh langsung saja..he..tutorial kali ini adalah tutorial untuk membuat aplikasi manajemen berita menggunakan PHP dan MySQL.


Ikuti langkah-langkahnya ya...

Langkah 1 :
Buat folder bernama aplikasi_crud di web server anda
Sehingga menjadi http://localhost/aplikasi_crud

Langkah 2 :
Buat 3 file bernama berita.php, act_berita.php, koneksi.php , lalu file form.css untuk memberi style pada aplikasi CRUD yang akan kita buat.

Taruhlah semua file tadi dalam folder aplikasi_crud yang tadi kita buat sehingga susunan foldernya menjadi seperti dibawah ini :

aplikasi_crud
  • berita.php
  • act_berita.php
  • koneksi.php
  • form.css


File berita.php

<link rel="stylesheet" type="text/css" href="form.css">
<?php
include 'koneksi.php';
$act = $_GET[act];

if ($act == form_tambah) {
?>
    <h3>Form tambah berita</h3>
    <form action="act_berita.php?act=tambah" method="post">
        <label>Judul</label>
        <input type="text" name="judul" value="" /><br/>
        <label>Isi</label>
        <textarea name="isi" rows="4" cols="22">
        </textarea><br/>
        <input type="submit" value="Tambah" id="button"/>
    </form>
<?php
} else if ($act == form_edit) {
    $qe = mysql_query("select * from berita where id='$_GET[id]'");
    $re = mysql_fetch_array($qe);
?>
    <h3>Form edit berita</h3>
    <form action="act_berita.php?act=update" method="post">
        <label>Judul</label>
        <input type="text" name="judul" value="<?php echo $re[judul]; ?>" /><br/>
        <label>Isi</label>
        <textarea name="isi" rows="4" cols="22"><?php echo $re[isi]; ?>
        </textarea><br/>
        <input type="hidden" name="id" value="<?php echo $re[id]; ?>">
        <input type="submit" value="Update" id="button">
    </form>
<?php
} else {
?>
    <a href="berita.php?act=form_tambah"><input type="button" value="Tambah Berita"></a><br/><br/>
    <table cellpadding="4" cellspacing="4">
        <tr style="background-color: blue;color: #ffffff;font-weight: bold;">
            <td width="30px">No</td>
            <td width="200px">Judul</td>
            <td width="200px">Isi</td>
            <td></td>
        </tr>
    <?php
    $n = 1;
    $q = mysql_query("select * from berita");
    while ($r = mysql_fetch_array($q)) {
    ?>
        <tr>
            <td><?php echo $n; ?></td>
            <td><?php echo $r[judul]; ?></td>
            <td><?php echo $r[isi]; ?></td>
            <td>
                <a href="berita.php?act=form_edit&id=<?php echo $r[id]; ?>">Edit</a>
                <a  onclick="return confirm('Yakin dihapus..?');" href="act_berita.php?act=delete&id=<?php echo $r[id]; ?>">Delete</a>
            </td>

        </tr>
    <?php
        $n++;
    }
}
    ?>
</table>

File act_berita.php

<?php
include 'koneksi.php';
$act = $_GET[act];

/*
 * Aksi untuk menambah data
 * 
 */
if ($act == tambah) {
    $q = mysql_query("insert into berita(judul,isi)values ('$_POST[judul]','$_POST[isi]')");
    if ($q) {
        refresh('0', 'berita.php');
    } else {
        echo'Gagal menambah';
    }
}

/*
 * Aksi untuk update data
 *
 */ else if ($act == update) {
    $q = mysql_query("update berita set judul='$_POST[judul]',isi='$_POST[isi]' where id='$_POST[id]'");
    if ($q) {
        refresh('0', 'berita.php');
    } else {
        echo'Gagal update';
    }
}

/*
 * Aksi untuk mendelete data
 * 
 */ else if ($act == delete) {
    $q = mysql_query("delete from berita where id='$_GET[id]'");
    if ($q) {
        refresh('0', 'berita.php');
    } else {
        echo'Gagal mendelete';
    }
}
?>

File koneksi.php

<?php
/*
 *
 * Koneksi ke database
 *
 */
$db_server = 'localhost';
$db_user = 'root';
$db_password = '';      //jika tidak ada kosongkan saja
$db_name = 'blog';    //sesuaikan dengan database yg dibuat

/*
 * koneksi ke server
 *
 */
mysql_connect($db_server, $db_user, $db_password);
/*
 * memilih database
 *
 */
mysql_select_db($db_name);

/*
 * Untuk pindah halaman jika aksi berhasil
 *
 */

function refresh($delay, $url) {
    echo"<meta http-equiv='refresh' content='$delay;url=$url'>";
}
?>

File form.css

root { 
    display: block;
}

/*  Formy - CSS Framework 0.8   */

/*
 reset.css
*/

fieldset, form, label, legend
{ margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; }

/*
 Structural
*/


fieldset
{ margin: 0 0 1.5em 0; padding: 1.4em;  }

legend
{ padding: 0 .4em; font-size:1.2em;  }


label
{ float:left; width:5em; display:block; clear:left; margin-right:1em; text-align:left;  cursor:hand; }

textarea, input, select, label, button, optgroup
{ margin-top:5px; }


input[type="checkbox"] ,input[type="radio"]
{ margin-bottom:7px; }




/*
 Color palette
*/

fieldset
{ border:1px solid #ccc; }

legend
{  color: #333; }

label
{ color:#333; }

textarea
{ border: 1px solid #666; }

textarea:focus, input[type="text"]:focus
{ border: 1px solid #000000; }

select
{  background-color: #fff; color: #000; }

input[type="text"]
{ border: 1px solid #ceced1;
  height: 25px;
  width: 200px;
}
input[type="password"]
{ border: 1px solid #ceced1;
  height: 25px;
  width: 200px;
}

input[type="submit"]
{  color: #333;}

input[type="checkbox"]
{ color: #000; }

input[type="radio"]
{  background-color: #fff; color: #000; }

option
{ background-color:#fff; color:#000; }

optgroup
{ background-color:#ccc; color:#000; }

button
{ background-color: #ccc; color: #333; }
#button{
    margin-left: 240px;
}


Download Source Code



Selamat mencoba, semoga bermanfat

Penulis  Fuad Indra Setiawan

0 comments:

Poskan Komentar