Membuat Aplikasi CRUD Sederhana dengan PHP dan MySQL

Membuat Aplikasi CRUD Sederhana dengan PHP dan MySQL
8 votes, 4.62 avg. rating (92% score)

Membuat Aplikasi CRUD Sederhana dengan PHP dan MySQL. Seperti judulnya yaitu 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.

Tutorial ini saya buat sangat mudah agar Anda yang pemula bisa mempelajarinya dengan mudah. Karena ini hanya basicnya saja, jadi tidak ada yang namanya kemanan dalam query ke database, saya bua sangat sederhana agar mudah dipelajari dengan mudah.

Oke, sebelumnya file-file yang akan kita buat adalah seperti tambah pada gambar di bawah ini:

simple-crud

Nah, sudah tau kan file apa saja yang nantinya kita buat.

Langsung saja za kita mulai tutorial yang panjang ini :)

Step #1 Database

Tahap pertama adalah membuat database dahulu di phpMyAdmin, saya umpamakan Anda sudah membuat sebuah database dengan nama tutorialweb.

Jika database sudah dibuat, sekarang Dumping script SQL di bawah ini:

Dari script SQL di atas Anda akan mendapatkan sebuah table dengan nama siswa dengan field siswa_id, siswa_nis, siswa_nama, siswa_kelas, siswa_jurusan.

Database dan Table sudah ada, biarkan saja datanya kosong.

Step #2 Koneksi ke Database

Tahap selanjutnya adalah melakukan koneksi ke database, file untuk koneksi ke database adalah koneksi.php.

Silahkan buat file baru dan beri nama koneksi.php kemudian isi dari file ini seperti di bawah ini:

Silahkan simpan dan jangan lupa merubah detail koneksinya, misalkan passwordnya beda ya silahkan diganti dengan password Anda.

Step #3 Menampilkan Data (READ/SELECT)

Tahap ketiga adalah menampilkan data dari database atau jika dalam singkatan CRUD maka kali ini adalah R -> Read.

Untuk menampilkan data, kita akan membuat file dengan nama index.php. Dan isi dari file index.php adalah script di bawah ini:

Jangan lupa disimpan za.. :)

Untuk penjelasan Script sudah saya masukkan pada Script di atas, silahkan di baca sendiri kegunaan tiap-tiap baris kode.

Tampilan dari file index.php bisa terlihat seperti gambar di bawah ini:

simple-crud-tampilkan-data

Seperti terliha pada gambar di atas terdapat tulisan “Tidak ada data!” yang artinya memang data pada database masih kosong.

Step #4 Memasukkan Data (Create/Insert)

Tahap ke empat adalah meng-insertkan data ke database dengan perintan INSERT INTO.

Pertama tertu saja kita buat Form utuk memasukkan datanya.

Form ini akan kita simpan dalam file tambah.php dengan script seperti di bawah ini:

Dari Form tidak ada yang spesial, hanya form tersebut action nya tambah-proses.php.

Tampilannya seperti gambar di bawah ini:

simple-crud-form-tambah-data

Nah ketika form tersebut di isi, dan tombol Tambah di klik, maka akan menjalankan file tambah-proses.php.

Jadi selanjutnya buat file baru dengan nama tambah-proses.php dan isinya adalah script di bawah ini:

Beres deh untuk tambah data atau Insert data ke database.

Penjelasan kode juga sudah saya masukkan pada file tersebut, silahkan baca sendiri :)

Step #5 Update Data (Update/Edit)

Tahap ini adalah untuk melakukan edit data pada database. File yang akan kita buat adalah file edit.php.

Link untuk menuju halaman edit adalah pada file index.php dimana disana pada tabel kolom Opsi ada Link edit dan hapus. Dimana untuk Link edit yang di klik Anda akan mendapatkan Link seperti <a href=”edit.php?id=12″>Edit</a> dimana id ini adalah nilai dari siswa_id. Jika id tersebut adalah 12, maka akan menampilkan data siswa dimana siswa_id=12.

Oke, silahkan buat file edit.php dan paste script di bawah ini:

Jika sudah silahkan simpan, dan hasil tampilan dari script di atas seperti gambar di bawah ini:

simple-crud-form-edit

Nah, form edit diatas jika di klik tombol Simpan, maka akan menjalankan file edit-proses.php, dimana file ini adalah proses untuk melakukan update data ke database.

Buat file edit-proses.php dan paste script di bawah ini:

Silahkan simpan. Dan seperti biasa penjelasan tiap baris kode sudah saya masukkan di dalamnya, silahkan baca.

Step #6 Hapus data (Delete/Hapus)

Tahap ke enam ini adalah yang terakhir, yaitu melakukan perintah Delete untuk menghapus data dari database.

file yang akan kita buat adalah hapus.php, dan isi scriptnya seperti di bawah ini:

Jangan lupa disimpan.

Sedikit penjelasan untuk script hapus di atas. Jika Anda mengklik tombol/link hapus pada file index.php, Anda akan mendapatkan Link seperti ini www.hostingAnda.com/hapus.php?id=12, ini artinya Script akan mendeteksi dari URL tersebut berapa id nya, misalkan disana id=12, maka script akan menghapus data siswa dimana siswa_id=12.

Untuk penjelasan lebih detail sudah ada pada script di atas. :)

Hufftttt…. capek juga za bikin tutorial yang agak panjang ini..

Semoga bermanfaat bagi Anda semua, dan selamat berpuasa. :)

Oh ya, yang mau Download atau sekedar pengen lihat demonya bisa klik tombol di bawah ini:

Download & Demo:

Password :

Jika Anda menyukai artikel ini silahkan tinggalkan komentar atau berlangganan RSS feed untuk mendapatkan update terbaru artikel dari kami.
Membuat Aplikasi CRUD Sederhana dengan PHP dan MySQL
8 votes, 4.62 avg. rating (92% score)

pino

Seorang yang hobby dalam menjelajahi dunia internet, gemar bermain dengan program PHP dan sejenisnya. Sekarang bekerja sebagai tenaga pengajar di salah satu SMK di Lamongan.

You may also like...

44 Responses

  1. Andre says:

    terima kasih tutorialnya gan. Mudah dipahami buat pemula seperti saya :D. Ane coba dulu gan

  2. noe_norma says:

    mas, punya sy yg update gak bs, data nya tidak berubah walaupun sudah di edit dan di simpan. pohon penjelasannya mas..
    ini update.php

  3. mania says:

    Ini ko pas di Tambah malah keluar error ” Column count doesn’t match value count at row 1″ itu kenapa ?

  4. rahmat says:

    gan klo mau nambahin paging dmn nya ya ????

  5. Dwi says:

    Makasih banyak souce codenya mz, izin download dan mempelajarinya_
    ok

  6. Baybayu says:

    Mas klo untuk pemeriksaan sebelum di input gmna ?
    misal apabila NIS yang udah ada di input kembali
    maka akan muncul eror
    itu gmna buatnya ?

    • pino says:

      pertama query dulu dengan kondisi dimana nis=$_POST[‘nis’]

      silahkan dicoba :D

  7. diecastholiday says:

    gan muncul pesan mysql_connect(): Access denied for user ‘root’@’localhost’ (using password: YES) in C:\xampp\htdocs\simple-crud-application\koneksi.php on line 7 solusinya mastah :(

  8. sahidi saja says:

    gmana cara nambahin data baru lagi?

  9. sahidi saja says:

    maksud sya misalnya kta tambahkan data base baru dengan nama guru, apa kah sintak untuk phpnya sama apa diganti nama2 sesuai degan data base?

  10. abib says:

    gimana cara membuat tabell

  11. abibces says:

    gimana kalok eror jalan keluarnya gi mana,,,,,,

  12. awin says:

    Gan saya coba konekin di browsher tapi muncul pesan error gan muncul pesan mysql_connect(): Access denied for user ‘root’@’localhost’ (using password: YES) in C:\xampp\htdocs\simple-crud-application\koneksi.php on line 7. mohon bantuannya edit koneksi.php nya..makasih

  13. edy says:

    Column ‘siswa_id’ cannot be null
    cara pembenarannya gimana gan?

    • pino says:

      itu kolom tidak boleh kosong.
      untuk merubah masuk kedatabase, ke tabel struktur dan ubah kolom siswa_id menjadi null
      tapi siswa_id ini primary key, jadi wajib diisi

  14. @DWA says:

    sangat membantu banget tutorialnya, mendasar dan jelas langkah-langkahnya. terima kasih Tutorialweb.net

  15. ilo says:

    mas ini di edit-proses.php kok bisa kluar gini ya ???

    Notice: Undefined index: jenis in C:\xampp\htdocs\pdam2\edit-proses.php on line 12

    Notice: Undefined index: satuan in C:\xampp\htdocs\pdam2\edit-proses.php on line 13

    Notice: Undefined index: jumlah in C:\xampp\htdocs\pdam2\edit-proses.php on line 14
    Data berhasil di simpan! Kembali

  16. aziz matt says:

    lancar gan , thank’s

  17. nuel says:

    mantap banget gan, ane mau coba dulu… template webnya juga keren gan bintang 5 deh buat agan..

  18. nuel says:

    berhasil gan ^_^ thanks gan.. *bighug
    untuk postingan buat admin kira2 ada pencerahan gak gan ? misalnya tampilan nya itu nama admin yang ngeposting, waktu posting, dan postingan nya. Untuk postingan ada gambar dan teks gitu

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

[+] kaskus emoticons nartzco