CRUD (Insert,Edit,Delete) pada halaman HTML Statis Tutorial PHP dan MySQL bagian 2

Setelah anda mengetahui apa itu php dan bermacam-macam pengenalan fungsi php sekarang kita bekerja PHP MySQL dengan HTML
Terlebih dahulu, buatlah database "belajar" dan buat table "anggota"

CREATE TABLE IF NOT EXISTS `anggota` (
`id` int(20) NOT NULL AUTO_INCREMENT,
`nama` varchar(30) NOT NULL,
`alamat` varchar(40) NOT NULL,
`tlp` varchar(16) NOT NULL,
PRIMARY KEY (`id`)
)

Saat ini saya akan memberikan tutorial tentang halaman statis dengan PHP,wah apalagi tuh? Jadi intinya ada aplikasi CRUD (Insert,Update dan Delete pada satu halaman. Let's go, pertama sekali buatlah file dengan htmlphp.php dan bukalah editor kesayangan anda (saya memakai Dreamveawer CS 5 simpan pada folder htdocs/belajar atau www/belajar ,lalu ketikkan kode HTML sebagai berikut :

<?php $con=mysql_connect('localhost','root','') or die(mysql_error()); //pemanggilan server mysql jika die/mati keluarkan output apa yang error mysql_select_db('belajar') or die(mysql_error()); //pemanggilan database ?>
<h2>
halaman statis PHP dan MySQL</h2>
<h2>
<a href="http://localhost/belajar/htmlphp.php?p=add">Tambah</a>-<a href="http://localhost/belajar/htmlphp.php?p=view">View</a></h2> //membuat link untuk tambah dan view data
<?php if(isset($_GET['p'])){ //inisialkan jika parameter url p ada if($_GET['p']=='add') //inisialkan parameter url p sebagai add
{
?>
<div id="toadd">
Form Insert
<br />
<form action="htmlphp.php?p=add&act=1" id="frmadd" method="post" name="frmadd">
//buat parameter act sebagai memulai eksekusi
<br />
<table border="0" cellpadding="3" cellspacing="3" style="width: 100%px;">
<tbody>
<tr>
<td width="18%">Nama</td>
<td width="82%"><label for="txtNamaAdd"></label>
<input id="txtNamaAdd" name="txtNamaAdd" type="text" /></td>
</tr>
<tr>
<td>Alamat</td>
<td><label for="txtAlamatAdd"></label>
<input id="txtAlamatAdd" name="txtAlamatAdd" type="text" /></td>
</tr>
<tr>
<td>Telepon</td>
<td><label for="txtTeleponAdd"></label>
<input id="txtTeleponAdd" name="txtTeleponAdd" type="text" /></td>
</tr>
<tr>
<td></td>
<td><input id="submitAdd" name="submitAdd" type="submit" value="Tambah" /></td>
</tr>
</tbody>
</table>
</form>
</div>
<?php }elseif($_GET['p']=='edit'){ //inisialkan parameter url p sebagai edit ?>
<div id="toedit">
Form Edit
<br />
<form action="htmlphp.php?p=edit2&act=1" id="frmedit" method="post" name="frmedit">
<table border="0" cellpadding="3" cellspacing="3" style="width: 100%px;">
<tbody>
<tr>
<td width="18%">Nama</td>
<td width="82%"><label for="txtNamaEdit"></label>
<input id="txtNamaEdit" name="txtNamaEdit" type="text" /></td>
</tr>
<tr>
<td>Alamat</td>
<td><label for="txtAlamatEdit"></label>
<input id="txtAlamatEdit" name="txtAlamatEdit" type="text" /></td>
</tr>
<tr>
<td>Telepon</td>
<td><label for="txtTeleponEdit"></label>
<input id="txtTeleponEdit" name="txtTeleponEdit" type="text" /></td>
</tr>
<tr>
<td></td>
<td><input id="submitEdit" name="submitEdit" type="submit" value="Update" /></td>
</tr>
</tbody>
</table>
</form>
</div>
<?php }elseif($_GET['p']=="view"){ //inisialkan parameter url p sebagai view ?>
<div id="toview">
Form Lihat Data
<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%px;">
<tbody>
<tr>
<td>ID</td>
<td>Nama</td>
<td>Alamat</td>
<td>Telepon</td>
<td>Aksi</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<?php } } ?>

Jika anda bingung untuk apa $_GET tersebut, coba lihat di browser anda dengan mengetikkan http://localhost/belajar/htmlphp.php?p=view dan anda akan melihat halaman form view nya saja
Ok,sekarang sisipkan kode pada form view

<div id="toview">
Form Lihat Data //tampilakn record //buat link untuk edit dan delete
<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%px;">
<tbody>
<tr>
<td>ID</td>
<td>Nama</td>
<td>Alamat</td>
<td>Telepon</td>
<td>Aksi</td>
</tr>
<?php $sql="Select * from anggota"; //pemanggilan tabel dengan query $result=mysql_query($sql,$con); //mulai eksekusi query while($row=mysql_fetch_array($result)) //looping data { ?>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td><a href="http://localhost/belajar/htmlphp.php?p=edit&id=<?php echo $row['id']; ?>"> Edit </a> - <a href="http://localhost/belajar/htmlphp.php?p=delete&act=1&id=<?php echo $row['id']; ?>"> Edit </a></td>
</tr>
<?php

}

?>
</table>
</div>

Sisipkan kode pemanggilan edit untuk ditampilkan pada p=edit

<div id="toedit">
Form Edit
<br />
<form action="htmlphp.php?p=edit2&act=1&id=<?php echo $_GET['id']; ?>" id="frmedit" method="post" name="frmedit">
//jika form telah di submit, maka lari ke parameter edit2 dan buat value mana yang harus diedit //tampilkan value pada textfield
<br />
<table border="0" cellpadding="3" cellspacing="3" style="width: 100%px;">
<tbody>
<tr>
<td width="18%">Nama</td>
<td width="82%"><label for="txtNamaEdit"></label> <input id="txtNamaEdit" name="txtNamaEdit" type="text" value="<?php echo $row['nama']; ?>" /></td>
</tr>
<tr>
<td>Alamat</td>
<td><label for="txtAlamatEdit"></label> <input id="txtAlamatEdit" name="txtAlamatEdit" type="text" value="<?php echo $row['alamat']; ?> " /></td>
</tr>
<tr>
<td>Telepon</td>
<td><label for="txtTeleponEdit"></label> <input id="txtTeleponEdit" name="txtTeleponEdit" type="text" value="<?php echo $row['tlp']; ?>" /></td>
</tr>
<tr>
<td></td>
<td><input id="submitEdit" name="submitEdit" type="submit" value="Update" /></td>
</tr>
</tbody>
</table>
</form>
</div>

Lalu dibagian akhir pada kode html,sisipkan kode berikut untuk eksekusi tambah,edit dan delete

<?php
if(isset($_GET['act'])) //inisialkan act sebagai parameter awal untuk menjalankan eksekusi
{
    if($_GET['p']=='add' && $_GET['act']=='1')
    {
        $sql="Insert into anggota (`nama`,`alamat`,`tlp`) values ('".$_POST['txtNamaAdd']."','".$_POST['txtAlamatAdd']."','".$_POST['txtTeleponAdd']."')";
        $res=mysql_query($sql);
        if($res) //jika query sukses dijalankan maka
        {
            echo "<script-->alert('Berhasil ditambahkan');window.location='htmlphp.php?p=view'"; //jalankan fungsi javascript untuk direct ke halaman view setelah berhasil
        }
    }elseif($_GET['p']=='edit2')
    {
        if(isset($_GET['id']))
        {
            $sql="Update anggota set nama='".$_POST['txtNamaEdit']."',alamat='".$_POST['txtAlamatEdit']."',tlp='".$_POST['txtTeleponEdit']."' Where id='".$_GET['id']."'";
            $res=mysql_query($sql);
            if($res)
            {
                echo "<script>alert('Berhasil diupdate');window.location='htmlphp.php?p=view'></script>";
            }
        }
    }elseif($_GET['p']=='delete')
    {
        if(isset($_GET['id']))
        {
        $sql="Delete from anggota Where id='".$_GET['id']."'";
        $res=mysql_query($sql);
            if($res) {
                echo "<script>alert('Berhasil dihapus');window.location='htmlphp.php?p=view'></script>";
            }
        }
    }
}
?>

Jalankan kembali script berikut di browser

Gudang Apa Saja

CRUD (Insert,Edit,Delete) pada halaman HTML Statis Tutorial PHP dan MySQL bagian 2

0 komentar:

Posting Komentar