Membuat Aplikasi Input Data Sederhana Dengan PHP
Dalam tutorial ini akan dipelajari cara untuk membuat koneksi ke database danA CRUD data (Create, Read, Update, Delete) dengan studi kasus data user. Tutorial ini belum membahas tentang validasi inputan baik client side maupun server side. Untuk dapat mengikuti tutorial ini, pastikan anda sudah menginstall server lokal pada PC anda. Saya menggunakan XAMPP sebagai bundled server apache dan PHP
Langkah 1 - Struktur Folder
Buat folder baru pada c:/xammp/htdocs dengan nama test.Folder ini akan menjadi area kerja kita dalam membuat aplikasi yang nantinya dapat diakses menggunaka browser dengan mengetikan localhost/nama folder.Karena nama folder kita adalah test,maka untuk mengakses aplikasi ketikan localhost/belajarA pada address bar browser anda.
Langkah 2 - Database
BuatBuat database dengan nama belajar. Kemudian buat tabel dengan namauser dengan data berikut:
FIELDNAME DATATYPE
user_id int(4), PRIMARY, AUTO INCREMENT
username varchar(20)
password varchar(255)
email varchar(100)
fullname varchar(100)
agama varchar(15)
no_hp bigint(14)
Langkah 3 - File Konfigurasi
Sebelum dapat melakukan CURD data kedalam database,kita harus membuat koneksi A kedatabase terlebih dahulu
 |
| konfigurasi |
File config.phpA ini nantinya akan banyak kita gunakan pada file-file lain yang perlu menghubung ke server untuk menyimpan, merubah, maupun menghapus data.
langkah 4 - form input Data
Ketikkan kode berikut, kemudian simpan dalam folder belajarA dengan namaindex.php
action="insert.php"A adalah file yang digunakan untuk memproses data yang dimasukkan melalui form ini. method="post"A adalah metode pengiriman data yang digunakan. Ada dua jenis menthod untuk mengirim data, yaitu postA danget. Pengiriman dengan method POST berarti bahwa variabel-variabel data tidak ditampilkan pada url, sedangkan pengiriman dengan method GET, variabel-variabel data disertakan pada url sehingga url terlihat seperti ini:
1.http://localhost/test/insert.phpusername=namanya&password=passwordnya&fullname=nama_lengkapnya
Sekarang coba buka pada browser anda dengan mengetikkanlocalhost/belajarA pada address bar browser. Akan tampil form input data seperti ini.
Langkah 5 - Menyimpan Data
Ketikan kode berikut,kemudian nama insert.php
 |
| config.php |
include()A 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 fileA config.phpA saja tanpa harus menuliskan kembali kode-kodenya.
$_POST['name']A digunakan untuk menangkap value yang dikirim dari form. Untuk menangkap data, gunakan name yang sama dengan nameA dari form. Contoh: untuk menangkap data username dari form, maka gunakan$_POST['username'].
mysql_query()A 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.phpA setelah <h1></h1>A untuk menampilkan pesan sukses ketika berhasil menyimpan data.
 |
| inputdata |
Sekarang coba jalankan aplikasi dengan membuka localhost/belajarA dan isikan data pada form dan klik tombol simpan. Jika berhasil, anda akan melihat pesanA Berhasil menambah data!A seperti gambar dibawah. Jika gagal, periksa kembali kode yang anda tuliskan. Pastikan tidak ada salah pengetikan.
Langkah 6 – Menampilkan Data
Setelah kita berhasil menyimpan data kedalam database, sekarang kita buat halaman untuk menampilkan data-data yang sudah kita simpan. Ketikkan kode berikut dan simpan dengan nama view.php
 |
| menampilkan data |
Kemudian tambahkan kode berikut pada file index.phpA setelah</form>A sebelum </body>.
 |
| index.php |
Langkah 7 – Merubah/Update Data
Langkah 7 – Merubah/Update Data
Dalam menginputkan data bisa terjadi kesalahan seperti kesalahan input, kesalahan data yang dimasukkan, ataupun lainnya. 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 fileindex.phpA kedalam file edit.php. Selanjutnya kita harus menambahkan beberapa kode agar form edit dapat menampilkan data yang akan di edit. Kode untuk file edit.phpA menjadi seperti ini. Highlight yang saya berikan adalah baris-baris kode yang ditambahkan ataupun dirubah
Dalam menginputkan data bisa terjadi kesalahan seperti kesalahan input, kesalahan data yang dimasukkan, ataupun lainnya. 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 fileindex.phpA kedalam file edit.php. Selanjutnya kita harus menambahkan beberapa kode agar form edit dapat menampilkan data yang akan di edit. Kode untuk file edit.phpA menjadi seperti ini. Highlight yang saya berikan adalah baris-baris kode yang ditambahkan ataupun dirubah
 |
| updetdata |
1 | <td><a href="edit.php?id=<?php echo $data['user_id']; ?>">Edit</a> || <a href="#">Hapus</a></td> |
Umumnya, username seseorang tidak boleh dirubah setelah ia terdaftar. Untuk membuat agar field input username tidak dapat dirubah, kita gunakan atributdisabled.A 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 queryA SQL lagi untuk meng-updateA database dengan data yang baru. Buat file baru dengan nama update.phpA dan ketikkan kode berikut.
 |
| css |
Kemudian tambahkan baris kode berikut pada file view.php setelah<h1></h1>A (sama seperti pada file index.php).
 |
| view.php |
Sekarang bukalah halaman view.phpA pada browser dan ubah-lah salah satu data yang sudah di inputkan
Langkah 8 – Menghapus/Delete Data
Setelah bisa menambah dan merubah data, sekarang kita buat untuk menghapus data. Buat file baru dengan nama delete.phpA dan ketikkan kode berikut.
 |
| delet.php |
seperti Kemudian tambahkan kode pada link dalam file view.phpA berikut.
 |
| view.php |
Sekarang cobalah untuk menghapus beberapa data yang sudah di-input-kan.
KESIMPULAN
ya temen-temen itu source code cara Membuat Aplikasi Input Data Sederhana Dengan PHP.
janagan lupa belajar dan belajar karena takut salah berarti takut untuk BISA
terimakasih
janagan lupa belajar dan belajar karena takut salah berarti takut untuk BISA
terimakasih
EmoticonEmoticon