TUTORIAL MEMBUAT CRUD DATA MAHASISWA MENGGUNAKAN PHP DAN MYSQLI

 Disini saya akan menjelaskan sedikit apa itu CRUD,nahhh CRUD adalah singkatan dari create,read,update,delete. ini merupakan istilah dari proses penginputan data kedatabase (insert),menampilkan data dari database (read), mengedit atau mengubah data di database (update),dan menghapus data dari database (delete).

jika teman-teman  baru permula teman-teman boleh dowload terlebih dahulu Xamppnya nahhh langsung saja kita masuk ke materi,disini kita akan banyak bermain dengan database,oleh sebab itu kita perlu menghubungkan projeck php kita dengan cara membuat file koneksi.

 buka xampp kalian lalu start atau jalankan

 lalu search ketik localhost lalu dipojok kanan ada tulisan phpmyadmin lalu klik.

 lalu buat database baru dengan nama "akademik lalu kita buat sebuah tabel dengan nama "mahasiswa".

membuat database baru

 kemudian isi kolum nya dibuat id,nama,nim, dan alamat

membuat crud dengan php dan mysqli - menampilkan data

membuat table mahasiswa crud mysqli kita buat bertipe int, nama varchar dengan nilai 50,nim bertipe int dan alamat bertipe text. Dan jangan lupa memnetukan primary keynya pada id,dan centang auto incrementnya.

sampai  disni kita telah selesai membuat tabel mahasiswa dalam database akademik.

 sekarang coba input data mahasiswa dengan klik pada menu insert.

menginput data ke database mysqli

setelah itu kita akan menghubungkan php dengan database menggunakan mysqli

untuk membuat sebuah CRUD, tahap awal yang harus kita lakukan adalah membuat file koneksinya dulu, baru kemudian kita menampilkan data dari database. 

pertama kita buat dulu folder baru pada folder htdocs kita. Disini saya membuat sebuah folder baru dengan nama "akademik" karena kita akan membuat CRUD data mahasiswa sebagi contoh. jika teman-teman masih bingung dmn posisi htdocs tersebut saya akan coba jelaskan lagi.

kalian bisa buka local disc (c) lalu pilih xampp lalu pilih htdocs lalu kalian buat folder baru dengan nama "akademik".

nahhhh tadikan kita sudah membuat folder akademik dan sekarang kita bakal membuat koneksi databasenya. kemudian buat sebuah file php baru dengan nama "koneksi.php".

ketikan syntax berikut pada file koneksi.php

setelah membuat koneksi,selanjutnya kita membuat file php yang bertugas untuk menampilkan data mahasiswa dari database dengan mysqli.

 

selanjutnya buat sebuah file php baru dengan nama index.php dalam folder akadmemi. pada index php ini kita akan menampilkan data mahasiswa.

index.php

kemudian jalankan pada browser dengan alamat "localhost/akademik/"

maka hasilnya sebagai berikut.

nahhhh,data yang sebelumnya telah kita input di table mahasiswa pun berhasil kita tampilkan.

pada file index.php kita sudah membuat sebuah link "tambah mahasiswa" yang mengarahkan ke halaman tambah.php jika kita klik.

oleh sebab itu kita harus membuat file tambah.php pada file tambah.php ini kita akan membuat form penginputan data mahasiswa. yang mana pada saat tombol simpannya di klik data mahasiswa yang diinput akan tersimpan ke database .

tambah.php

sekarang jalankan pada browser kembali dan klik pada "+tambah mahasiswa. maka halaman akan dialihkan ke form tambah mahasiswa yang telah kita buat pada file tambah.php

sampai disini kita belum selesai kita cuman selesai membuat form penginputan data mahasiswa nya saja. tapi belum membuat aksi pada saat tombol "simpan" di klik.

karena action form ini akan dijalankan pada file tambah_aksi.php maka kita harus membuat file tambah_aksi.php terlebih dahulu. buat file baru dengan nama tambah_aksi.php.

tambah_aksi.php

dan sekarang mari kita input data mahasiswa baru dan coba kita jalankan kembali

dan kemudian klik tombol simpan untuk menyimpan data ke database.

maka hasilnya sebagai berikut.

nahhhh data yang di input pun sudah berhasil tersimpan ke database dan tampil secara otomatis.

seperti yang teman-teman lihat pada file index.php yang menampilakan data mahasiswa,pada masing-masing row kita telah membuat link edit dan link hapus yang mengirimkan data menggunakan method GET.

kemudian kita akan membuat sebuah file baru dengan nama edit.php pada file edit.php ini kita akan membuat form edit untuk data mahasiswa.

edit.php 

pada form edit ini kita juga membuat data id pada form yang kita sembuyikan sehingga pada saat data ini di update, data mahasiswa yang di update adalah data mahasiswa yang memiliki id tersebut.

coba kita lihat hasilnya dulu seperti apa. jalankan pada browser dan klik edit.

update data

disni saya akan mengedit data mahasiswa yang bernama shani. saat di klik pada edit 

maka hasilmnya sebagai berikut.

edit data 

nahhhh selesai sampai tahap edit.sekarang kita akan membuat aksi dari form edit ini seperti yang teman-teman lihat pada tag form "<form> action nya telah kita tetapkan ke file update.php

karena kita ingin data mahasiswa yang ingin diedit ini di proses pada file update,php

oleh sebab itu dibuat satu buah file lagi dengan nama update.php

update.php

disni kita hubungakan dulu data ke file koneksi

sekarang mari kita coba, apakah berhasil????

jalankan pada browser dan klik edit disni saya akan mencoba mengedit data mahasiswa yang bernama "shani". dan saya mengubah nya menjadi "shani indira natio" dan klik tombol simpan.

membuat edit dan update database

klik tombol simpan maka data akan diupdate.

berhasil mengupdate data

nahhh data shani pun berhasil diubah. dari shani menjadi shani indira natio.

selanjutnya kita akan masuk di tombol hapus nahhh langsung saja silahkan teman-teman  perhatikan pada file index.php. pada file index.php kita membuat link atau tombol menghapus data yang dipilih dengan sekalian mengirimkan id ke berapa yang ingin dihapus parameter nya.

pada saat tombol link hapus tersebut di klik, maka haalamn akan dialihkan ke file hapus.php sambil mengirim data id menggunakan GET.

sekarang kita buat sebuah file baru dengan nama hapus.php

hapus.php

selanjutnya, langsung saja kita hapus data mahasiswa yang ber id tersebut (sesuai id yang dihapus) disini saya akan menghapus data mahasiswa yang bernama gracia kita tinggal klik saja hapus di id mahasiswa yang bernama gracia.

menghapus data

nahhh sampai disini kita berhasil menghapus data dari yang kita pilih tadi,jdi jika teman-teman ingin menambah mahsiswa teman-teman langsung saja klik tambah mahasiswa seperti yang saya jelaskan diatas.

dan mungkin teman-teman ingin mempercantantik desain tersebut atau memberi color teman-teman bisa membuat file baru dengan style.css atau masukan backround di index.php agar terlihat cantik.sangat mudah bukan????semoga teman-teman mudah memahami dan bermanfaat ya.

jika teman-teman ingin belajar program lebih dalam silahkan kunjungi situs 

syamshani48.blogspot.com