CRUD (Create, Read, Update, Delete) pada PHP dan MySQLi – Part 3 Update Data

Cara Membuat CRUD pada php dan MySQLi – Part 3 Mengubah/Update Data – Postingan ini merupakan lanjutan dari 2 postingan sebelumnya. Dan pada postingan ini saya akan membahas tentang update data / edit data. Karena pada postingan sebelumnya akan eror jika klik edit data karena memang belum dibuat file dan fungsinya. Jika sobat belum melihat postingan saya sebelumnya maka bisa kunjungi dengan klik link dibawah

CRUD (Create, Read, Update, Delete) pada PHP dan MySQLi – Part 1 Menampilkan Data

CRUD (Create, Read, Update, Delete) pada PHP dan MySQLi – Part 2 Insert Data

Untuk template saya masih menggunakan bootsrap 4 online karena ini hanya keperluan demo saja. Jika untuk keperluan development maka sobat perlu mendownload bootstrap terlebih dahulu lalu masukkan pada folder project sobat. Itu hanya untuk menyakan dengan tutorial kali ini saja namun jika tidak ya tidak apa-apa karena aplikasi yang akan sobat buat nantinya juga akan jalan hanya saja tampilannya saja yang berbeda. Tanpa basa basi lagi saya akan menjelaskan cara mengubah datanya :

1. Tentunya pertama adalah menambahkan tombol untuk memanggil menu atau form contohnya adalah seperti script dibawah dan pada contoh saya tuliskan pada file index.php didalam tabel

Pada script diatas ada base64_encode($id) artinya id di enkripsi/encoding terlebih dahulu jadi nantinya pada url bukan lagi angka id dari data sobat. Jadinya seperti dibawah

http://localhost/dewan-crud/edit_data.php?aa=MQ==

 

2. Pada contoh terlihat tag <a> memanggil edit_data.php dengan kata lain sobat harus membuat file baru dan beri nama edit_data.php. Kemudian pada file edit_data.php isikan dengan script dibawah ini

Penjelasan :

Sekedar memberitahu, jika kita ingin membuat form inputan tentunya kita membutuhkan tag <form></form> dan pada tombol sobat harus menambahkan type=’submit’. Untuk tag form yang biasa digunakan adalah method POST dan GET. Perbedaannya tentunya jika method POST bisa mengirimkan data tanpa terlihat oleh user sedangkan method GET datanya akan terlihat pada url. Oleh karena itu untuk form biasanya menggunakan method POST supaya lebih aman juga. Contoh penggunaannya bisa dilihat pada bagian dibawah

Diatas terlihat kita menggunakan method POST dan action menuju ke edit_data_action.php itu artinya sobat harus membuat file edit_data_action.php terlebih dahulu. Karena setelah user submit atau klik tombol simpan maka akan menuju ke halaman edit_data_action.php dan disanalah kita akan menuliskan code untuk mengubah data atau sebenarnya sobat bisa mengisikan action kosong atau action=”” dan nantinya dibawah </html> sobat bisa menuliskan code phpnya untuk menyimpan ke database. Untuk codenya sama persis seperti apa yang tertulis pada edit_data_action.php. Ada lagi cara lain yaitu menggunakan Ajax. Bagaimana caranya? itu nanti akan saya bahas pada postingan saya selanjutnya.

Untuk tombolnya sobat bisa gunakan 2 cara yaitu seperti pada contoh

Atau menggunakan input type submit seperti dibawah

Namun saya lebih suka dengan cara yang pertama yaitu menggunakan button karena dengan menggunakan itu sobat bisa menyisipkan icon/gambar. dan yang paling penting supaya itu menjadi tombol submit maka perlu ditambahkan type=”submit”.

Pada input text yang paling penting dan akan diambil pada tambah_data-action.php adalah nama dari input text tersebut seperti yang terlihat pada code diatas yang mempunyai nama “nama_mahasiswa” dengan isi $nama_mahasiswa value=”<?php echo $nama_mahasiswa; ?>” di bagian akhir tertulis required=”true” yang berarti inputan tersebut wajib diisi atau bisa juga sobat hanya menuliskan “required”. Namun jika inputan tersebut tidak wajib maka bisa menuliskan required=”false” atau tidak udah menuliskan required. untuk class=”form-control” itu hanya untuk mengubah tampilan seperti yang telah bootstrap tentunkan pada cssnya jadi kita hanya menggunakannya saja.

 

3. Buat file edit_data_action.php yang berfungsi sebagai file action yang menghubungkan dengan database kemudian memasukkan data ke databasenya. Isikan edit_data_action.php dengan script dibawah ini

Penjelasan :

Pada code diatas berfungsi untuk menyaring hasil inputan dari user sebelum di simpan ke dalam database. Code tersebut sangat-sangat perlu karena untuk menghindari sql-injection atau XSS attack. Code tersebut juga bisa dibuat menjadi sebuah fungsi jadi sobat nanti hanya perlu memanggil nama fungsinya saja tanpa perlu menuliskan panjang-panjang seperti itu berkali-kali. Itu akan saya bahas pada postingan saya lainnya tentang cara menghindari sql-injection dan xss attack. Jika pada tutorial lainnya mungkin hanya akan menjadi

$nama_mahasiswa = $_POST[‘nama_mahasiswa’]

dan itu bisa saja memang tidak ada bedanya namun itu akan menjadikan aplikasi sobat rentan akan hack. Dan saya ingin membiasakan sobat mulai dari awal untuk tidak hanya menyimpan data ke database secara mentah-mentah karena nanti bisa terbawa sampai sobat menyesal nantinya. Namun tentunya pada blog ini saya berikan yang mudah terlebih dahulu baru setelah itu akan saya berikan bagian yang susahnya yang tentunya berbeda postingan. Oleh karena itu rajin-rajinlah sobat untuk mencari postingan pada blog ini.

Untuk memasukkan data ke database terdapat 4 langkah yaitu query, prepare statement, bind param kemudian execute seperti contoh dibawah

Cara dibawah menggunakan metode Object Oriented dimana cara ini merupakan cara yang paling amat jika ingin menyimpan data ke database. Dan sangat direkomendasikan sobat untuk menggunakan cara ini walaupun memang caranya lebih panjang dari sebelumnya. Untuk nilai pada query diisi dengan tanda tanya  (?) dan nilainya ada pada bind param. untuk “sssssi” disesuaikan dengan banyaknya kolom yang ingin dimasukkan. Karena pada contoh hanya 6 maka “s” juga ada 6. “s” disini adalah string dan jika nilainya berupa angka/integer maka sobat bisa tuliskan “i” karena pada id itu int dan autoincrement jadi pastinya nailainya berupa angka dan jika diisi dengan huruf maka data tidak akan masuk.

Untuk code $db1->close(); berfungsi untuk menutup koneksi terhadap database. Hal ini juga tentunya sangat diperlukan.

 

4. Jika sudah selesai maka hasilnya akan terlihat form seperti ini jika sobat klik tombol Edit Data

 

5. Jika sobat mengisi maka akan muncul alert box dan setelah di klik ok akan kembali pada menu awal yaitu index.php

 

Sekian postingan kali ini yang membahas tentang memasukkan data ke dalam database. Untuk postingan saya selanjutnya akan membahas tentang Hapus Data dan dengan itu postingan saya tentang CRUD telah selesai dan sobat bisa untuk melangkah ke step yang lebih susah yaitu CRUD menggunakan Ajax No Loading. Jika ada masih bingung maka sobat bisa tuliskan pada kolom komentar dibawah. Untuk menambahkan file upload sobat bisa kunjungi postingan saya yang lainnya karena itu tidak saya bahas pada CRUD ini.

Baca juga :

CRUD (Create, Read, Update, Delete) pada PHP dan MySQLi – Part 1 Menampilkan Data

CRUD (Create, Read, Update, Delete) pada PHP dan MySQLi – Part 2 Insert Data

CRUD (Create, Read, Update, Delete) pada PHP dan MySQLi – Part 3 Update Data

CRUD (Create, Read, Update, Delete) pada PHP dan MySQLi – Part 4 Delete Data

Cara Membuat Upload File pada PHP dengan Mudah

Membuat CRUD Expert, Upload & Pencarian dengan JQuery, Ajax, Bootstrap Modal, SweetAlert dan WYSIHTML5 pada PHP

 

Jika sobat ingin mendownload tutorial diatas maka sobat bisa klik link dibawah ini :

Sampai jumpa pada postingan saya selanjutnya..

5 thoughts on “CRUD (Create, Read, Update, Delete) pada PHP dan MySQLi – Part 3 Update Data

  1. halo kak,

    kok saya saat klik edit data error ini ya :

    Notice: Undefined index: aa in C:\xampp\htdocs\Crud2\edit_data.php on line 33
    Nama Mahasiswa
    Notice: Undefined variable: nama_mahasiswa in C:\xampp\htdocs\Crud2\edit_data.php on line 55
    Jenis Kelamin
    Notice: Undefined variable: jenis_kelamin in C:\xampp\htdocs\Crud2\edit_data.php on line 59
    > Laki-laki Notice: Undefined variable: jenis_kelamin in C:\xampp\htdocs\Crud2\edit_data.php on line 60
    > Perempuan
    Alamat

    Notice: Undefined variable: alamat in C:\xampp\htdocs\Crud2\edit_data.php on line 64

    Jurusan

    knp ya?

    1. itu ngga ada variable aa,
      urlnya gmn haruanya edit_data.php?aa=7
      pas ambilnya $id=$_GET[‘aa’]
      kalo pake base64 ya tinggal ikutin aja sesuai postingan

Leave a Reply

Your email address will not be published. Required fields are marked *

3 + 14 =