Belajar Membuat CRUD( Create, Read, Update, Delete ) di PHP - MySql dengan jQuery (basic)

Contoh Membuat CRUD di PHP -MySql

Create Read Update Delete

Untuk membuat sebuah CRUD seperti diatas  pertama yang kita butuhkan adalah database dan tabelnya. Berikut contoh tabel berserta isinya.

-- ----------------------------

-- Table structure for `biodata`

-- ----------------------------

DROP TABLE IF EXISTS `biodata`;

CREATE TABLE `biodata` (

  `id` int(10) NOT NULL AUTO_INCREMENT,

  `nama` varchar(50) DEFAULT NULL,

  `alamat` varchar(100) DEFAULT NULL,

  PRIMARY KEY (`id`)

) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=latin1;



-- ----------------------------

-- Records of biodata

-- ----------------------------

INSERT INTO `biodata` VALUES ('1', 'Yanuar', 'Blitar');

INSERT INTO `biodata` VALUES ('2', 'Nopi', 'Surabaya');

Dari tabel diatas kita dapat membuat koneksinya setelah itu baru membuat form inputanya.

<script>

$(document).ready(function(){

    $("#batal").click(function(){

        $("#form_data").fadeOut("slow");

    })

    $("#save_data").submit(function(){

        var data = $("#save_data").serialize();

        $.ajax({

            type:"POST",

            data:"aksi=Simpan&"+data,

            url:"SimpanData.php",

            success:function(data){

                //alert(data);

                $("#refresh").click();

                $("#batal").click();

                return true;

            }

        })

        return false;

    })

})

</script>

<form id="save_data" method="post">

<table>

<tr>

    <td>Nama</td>

    <td><input  type="text" name="nama" id="nama" required="required" /></td>

</tr>

<tr>

    <td>Alamat</td>

    <td><input  type="text" name="alamat" id="nama" required="required"/></td>

</tr>

<tr>

    <td colspan="2"><input type="submit" value="Simpan" id="simpan" /><input type="button" id="batal" value="Batal" /></td>

</tr>



</table>

</form>

Setelah form input kemudian proses menyimpan dan akan langsung menuju ke tampilan datanya berikut script untuk view datanya.

<script>

$(document).ready(function(){

    $(".edit").click(function(){

        var id = $(this).closest("tr").attr("id");

        $.ajax({

            type:"POST",

            data:"id="+id,

            url:"EditData.php",

            success:function(data){

            $("#form_data").fadeIn("10");

            $("#form_data").html(data);

            }

        })

    })

    $(".delete").click(function(){

        var id = $(this).closest("tr").attr("id");

        var nama = $(this).closest("tr").attr("title");

        var x = confirm("Menghapus User " + nama)

        if(x){

         $.ajax({

            type:"POST",

            data:"aksi=Delete&id="+id,

            url:"SimpanData.php",

            success:function(data){

              alert("Data Berhasil Dihapus");  

              $("#refresh").click();  

            }

         })

        }

    })

})

</script>

<?php

include "koneksi.php";

echo "<table width='750'>

<tr>

    <td>No</td>

    <td>Nama</td>

    <td>Alamat</td>

    <td>Aksi</td>

</tr>";

$sql = mysql_query("select * from biodata order by id asc");

while ($h=mysql_fetch_array($sql))

{

    ++$no;

 echo"<tr id='$h[id]' title='$h[nama]'>

    <td>$no</td>

    <td>$h[nama]</td>

    <td>$h[alamat]</td>

    <td><input type='button' value='Edit' class='edit'/>

<input  type='button' value='Delete' class='delete'/></td>

    </tr>";

}

echo "</table>";

?>

Untuk proses Delete sudah termasuk pada script view. Sekarang tinggal proses Edit, Update. Untuk script Edit sebagai berikut.

<script>

$(document).ready(function(){

    $("#batal").click(function(){

        $("#form_data").fadeOut("slow");

    })

    $("#save_data").submit(function(){

        var data = $("#save_data").serialize();

        $.ajax({

            type:"POST",

            data:"aksi=Update&"+data,

            url:"SimpanData.php",

            success:function(data){

                //alert(data);

                $("#refresh").click();

                $("#batal").click();

                return true;

            }

        })

        return false;

    })

})

</script>

<?php

include "koneksi.php";

$sql = "select * from biodata where id = $_POST[id]";

$sql = mysql_query($sql);

$h = mysql_fetch_array($sql);

?>

<form id="save_data" method="post">

<input type="hidden" name="id" id="id" value="<?php echo $_POST["id"];?>" />

<table>

<tr>

    <td>Nama</td>

    <td><input  type="text" name="nama" id="nama" required="required" value="<?php echo $h[nama];?>" /></td>

</tr>

<tr>

    <td>Alamat</td>

    <td><input  type="text" name="alamat" id="nama" required="required" value="<?php echo $h[alamat];?>"/></td>

</tr>

<tr>

    <td colspan="2"><input type="submit" value="Update" id="update" /><input type="button" id="batal" value="Batal" /></td>

</tr>



</table>

</form>

Bagian terpenting dari semua script diatas adalah Proses Simpan, Update dan Deletenya seperti dibawah ini.

<?php

include "koneksi.php";

if($_POST["aksi"]=="Simpan"){

$nama = $_POST["nama"];

$alamat = $_POST["alamat"];

$sql = mysql_query("insert into biodata(nama,alamat) values('$nama','$alamat')");

echo "insert into biodata(nama,alamat) values('$nama','$alamat')";

}

else if($_POST["aksi"]=="Update"){

$nama = $_POST["nama"];

$alamat = $_POST["alamat"];

$sql = mysql_query("update biodata set nama = '$nama',alamat='$alamat' where id= $_POST[id]");

echo "update biodata set nama = '$nama',alamat='$alamat' where id= $_POST[id]";

}

else if($_POST["aksi"]=="Delete"){

$sql = mysql_query("delete from biodata where id= $_POST[id]");

echo "delete from biodata where id= $_POST[id]";

}

?>

Secara lengkap script diatas dapat di download pada link berikut Belajar Membuat CRUD
Sekian dulu Terima kasih atas kunjunganya, selamat mencoba dan semoga bermanfaat.

Read More

Mengenal Pemrograman Berorientasi Objek (Object Oriented Programming) dalam PHP

Pemrograman berorientasi obyek adalah gaya coding yang memungkinkan pengembang untuk mengelompok beberapa tugas serupa ke dalam class. Dimana prinsipnya adalah “don’t repeat yourself”(DRY) yang memungkinkan pengembang membuat sebuah class untuk beberapa tugas sehingga mempermudah dalam memperbaikinya.

Untuk menggunakan variabel dan fungsi yang didefinisikan oleh class, kita dapat membuat sebuah instance dari class , yang disebut sebagai objek. Variabel yang terkait dengan objek disebut properties, dan fungsi-fungsi yang disebut sebagai metode. Perbedaan utama dari pemrograman prosedural adalah adanya properti dan metode dari sebuah objek dapat dideklarasikan sebagai protected atau private. Karakteristik yang paling penting dari pemrograman berbasis obyek , yaitu :

a.       Enkapsulasi(Encapsulation): Menyembunyikan detail dari pengguna dan mencegah akses langsung ke nilainya.

b.       Polimorfisme(Polymorphism) : Dapat memberi nama sama dengan method dan property yang memiliki fungsi sama dalam kelas yang berbeda. Polimorfisme memperluas enkapsulasi dengan menyembunyikan rincian tentang bagaimana setiap metode bekerja menggunakan nama umum .

c.        Pewarisan(Inheritance): Pembuatan class baru dapat diturunkan dari class yang sudah ada , secara otomatis mewarisisemua metode dan properti dari superclass. Class baru tidak hanya dapat menambah properti baru dan metode sendiri, tapi bisa juga menimpa properti dari superclass.

Sebuah class biasanya mengandung properti dan metode.Tidak ada aturan tentang urutan dimana mereka harus ditempatkan dalam class, tetapi yang normal adalah menyatakan semua properti diawal dan diikuti oleh metode. Contoh pembuatan class seperti berikut:

<?php

//class.myclass.php

class MyClass

{

    //properti      

public $prop1 = "I'm a class property!";

    //metode

public function setProperty($newval)

    {

        $this->prop1 = $newval;

    }

    //metode

public function getProperty()

    {

return $this->prop1 . "<br />";

    }

}

//memanggil class yang akan digunakan

$obj = new MyClass;

//mencetak properti

echo $obj->prop1;

?>

Manfaat dari pemrograman berbasis obyek sebagai berikut:

Reusability : sebuah obyek dapat digunakan untuk mengatasi masalah yang lain dengan menggabungkan kelas yang ada tanpa mempengaruhi alur kerja yang ada.

Efisiensi :konsep pemrograman berorientasi obyek sebenarnya dikembangkan untuk membuat kode yang lebih baik dan efisien, sehingga membagi setiap permasalahan menjadi bagian-bagian kecil dan kemudian mencari solusinya.

Pemeliharaan :pada pemrograman berorientsi obyek yang setiap bagian dipisahkan menjadi kecil dapat mempermudah pengembang dalam melakukan debug program.

Read More