Membuat from input data dengan PHP dan MySQL ~ PuthutDewi (RPL)

Membuat from input data dengan PHP dan MySQL

Saya disini akan menjelaskan satu persatu membuat from input data dengan CRUD dari awal koneksi, pembuatan database sampai selesai dan bisa walaupun saya disini menemukan sedikit kesalahan karena ketidak telitian saya.. hehe

Langkah 1- Struktur folder

Saya disini akan sharing tentang struktur folder di linux. Buat folder baru di /var/www/html dengan puthut. Folder ini akan memudahkan kita untuk diakses menggunakan web browser nantinya. Oiya berhubung nama foldernya puthut maka nanti diurlnya mengetikkan localhost/puthut, ini tanpa terhubung keinternet juga bisa(offline).

Langkah 2- Database

Buat Database di phpmyadmin dengan nama database 'coba' nama tabelnya 'user' , lihat gambar berikut ini untuk isi tabelnya:

Langkah 3- File Konfigurasi
Sebelum melakukan pembuatan CRUD data kedalam database, kita harus membuat file koneksi terlebih dahulu. Buat file baru dan simpan dengan config.php

File config ini banyak digunakan seperti menghubungkan keserver untuk menyimpan, merubah dan menghapus data.

Langkah 4- Form input data
Ketikkan script berikut ini, lalu save di folder puthut dengan nama index.php

Atribut action="insert.php" adalah file yang digunakan untuk memproses data yang dimasukkan melalui form ini. Attribut method="post" adalah metode pengiriman data yang digunakan. Ada dua jenis menthod untuk mengirim data, yaitu post dan get. Pengiriman dengan method POST berarti bahwa variabel-variabel data tidak ditampilkan pada url, sedangkan pengiriman dengan method GET, variabel-variabel data disertakan pada ur.

Coba ketikkan pada web browser localhost/puthut, akan tampil seperi berikut ini:

Langkah 5- Menyimpan data
Ketikkan script dibawah ini, lalu save di folder puthut dengan nama insert.php

Syntax include() digunakan untuk menyertakan file lain dalam file ini. Ingat bahwa pada langkah pertama kita sudah membuat file config.php yang berisi konfigurasi untuk menghubung ke server, maka setiap kali kita perlu untuk menghubung ke database, kita cukup memanggil file config.php saja tanpa harus menuliskan kembali kode-kodenya.

Variabel $_POST['name'] digunakan untuk menangkap value yang dikirim dari form.

Syntax mysql_query() digunakan untuk menjalankan script SQL. Pada langkah ini, script SQL yang kita gunakan adalah untuk menambah data ke database.

Tambahkan kode berikut pada file index.php setelah <h1></h1> untuk menampilkan pesan sukses ketika berhasil menyimpan data.

Sekarang coba jalankan dengan membuka browser ketikkan di localhost/puthut dan isikan data pada form dan klik tombol simpan. Jika berhasil, anda akan melihat pesan Berhasil menambah data! seperti dibawah ini.

Langkah 6- Menambahkan data
Setelah kita berhasil menyimpan didalam database lalu kita buat halaman-halaman yang data yang telah kita masukkan tadi. Ketikkan script lalu save di folder puthut dengan nama view.php

Kemudian tambahkan script berikut pada file index.php setelah </from> sebelum </body> :

Sekarang bukalah localhost/puthut/view.php untuk melihat hasilnya:

Pada kolom opsi terdapat dua menu, yaitu edit dan hapus. Pada langkah ini, kedua menu tersebut masih belum dapat digunakan.

Langkah 7- Merubah/update data
Dalam menginput bisa saja terjadi kesalahan, untuk itu data yang sudah disimpan harus dapat dirubah sehingga kesalahan dapat diperbaiki. Pada dasarnya, form untuk mengedit data adalah sama dengan form untuk menginputkan data. Hanya saja pada form untuk mengedit data, form tersebut harus menampilkan data yang akan dirubah. Untuk itu, buat file baru dengan nama edit.php kemudian copy-kan semua kode yang ada pada file index.php kedalam file edit.php Selanjutnya kita harus menambahkan beberapa kode agar form edit dapat menampilkan data yang akan di edit. Ketikkan script edit.php dibawah ini:

Kemudian ubah link pada file view.php menjadi seperti dibawah ini:

Umumnya, username seseorang tidak boleh dirubah setelah ia terdaftar. Untuk membuat agar field input username tidak dapat dirubah, kita gunakan atribut disabled. Sampai langkah ini kita belum dapat melakukan perubahan data, kita baru dapat menampilkan data pada form edit. Untuk merubah data pada database, kita perlu membuat query SQL lagi untuk meng-update database dengan data yang baru. Buat file baru dengan nama update .php dan ketikkan scriptnya:

Kemudian tambahkan baris kode berikut pada file view.php setelah <h1></h1>

Sekarang bukalah halaman view.php pada browser dan ubah-ubah salah satu data yang sudah diinputkan dengan mengklik edit

Disini saya hanya merubah passwordnya dan setelah saya klik simpan, seperti berikut ini:

Langkah 8- Menghapus/Delete data
Setelah bisa menambah dan merubah data, sekarang kita buat untuk menghapus data. Buat file baru dengan nama delete.php dan ketikkan script dibawah ini:

Kemudian tambahkan kode pada link dalam file view.php , seperti berikut ini:

Kalau belum bisa menginputkan data, halaman viewnya masih kosong dan dalam delete dan update data ada masalah silakan cek kembali script yang anda buat kali aja ada salah penulisan pada tabel atau kurang ditambahkan koneksinya..

Refrensi: http://blog.nurwahyudin.com/tutorial/php/membuat-aplikasi-input-data-sederhana-dengan-php/