Tingkat Kesulitan: Pemula
Bahasa: PHP
Software yang Digunakan: Dreamweaver Atau Edit Plus (Download Edit Plus Clik HERE)
WebServer AppServ (Download AppServ WebServer Click HERE)
Lama Pengerjaan: 1 Hours – 2 Hours
Dalam tutorial ini akan dipelajari cara untuk membuat koneksi ke database dan CRUD data (Create, Read, Update, Delete) dengan studi kasus data user.
Untuk dapat mengikuti tutorial ini, pastikan anda sudah menginstall server lokal pada PC anda. Saya menggunakan APACHE sebagai bundled server apache dan PHP.
Dan untuk Editor PHP saya menggunakan EditPlus
Langkah 1 - Struktur Folder/ Direktori
Buat folder baru pada C:\AppServ\www\ dengan nama belajar.
Folder ini akan menjadi area kerja kita dalam membuat aplikasi yang
nantinya dapat diakses menggunakan browser dengan mengetikkan localhost/nama_folder. Karena nama folder kita adalah belajar, maka untuk mengakses aplikasi ketikkan localhost/belajar pada address bar browser anda.
Langkah 3 - File Konfigurasi
Sebelum dapat melakukan CRUD data kedalam database, kita harus membuat
koneksi ke database terlebih dahulu. Tulis kode berikut dengan
menggunakan teks editor kesayangan anda (saya menggunakan EditorPlus)<?php
//host yang digunakan
$host
=
'localhost'
;
//username untuk login ke host
//biasanya didapatkan pada email konfirmasi order hosting
$user
=
'root'
;
//jika menggunakan PC sendiri sebagai host,
//secara default password dikosongkan
$pass
=
''
;
//isikan nama database sesuai database
//yang dibuat pada langkah-1
$dbname
=
'belajar'
;
//mengubungkan ke host
$connect
= mysql_connect(
$host
,
$user
,
$pass
)
or
die
(mysql_error());
//memilih database yang akan digunakan
$dbselect
= mysql_select_db(
$dbname
);
?>
Simpan File dengan nama : config.php (simpan di folder C:\AppServ\www\belajar\) ini nantinya akan banyak kita gunakan pada file-file lain yang perlu menghubung ke server untuk menyimpan, merubah, maupun menghapus data.
Langkah 4 - Membuat Form Input Data
Ketikkan kode berikut dibawah ini, kemudian simpan dalam folder belajar dengan nama index.php
< html > < head > < title >Belajar PHP</ title > </ head > < body > < h1 >Form Input Data</ h1 > < form name = "input_data" action = "insert.php" method = "post" > < table border = "0" cellpadding = "5" cellspacing = "0" > < tbody > < tr > < td >Username</ td > < td >:</ td > < td >< input type = "text" name = "username" maxlength = "20" required = "required" /></ td > </ tr > < tr > < td >Password</ td > < td >:</ td > < td >< input type = "password" name = "password" maxlength = "20" required = "required" /></ td > </ tr > < tr > < td >Fullname</ td > < td >:</ td > < td >< input type = "text" name = "fullname" maxlength = "100" required = "required" /></ td > </ tr > < tr > < td >Email</ td > < td >:</ td > < td >< input type = "email" name = "email" required = "required" /></ td > </ tr > < tr > < td >Agama</ td > < td >:</ td > < td >< input type = "text" name = "agama" required = "required" /></ td > </ tr > < tr > < td >Nomor HP</ td > < td >:</ td > < td >< input type = "text" name = "no_hp" maxlength = "14" required = "required" /></ td > </ tr > < tr > < td align = "right" colspan = "3" >< input type = "submit" name = "submit" value = "Simpan" /></ td > </ tr > </ tbody > </ table > </ form > </ body > </ html > |
action=”insert.php” adalah file yang digunakan untuk memproses data yang dimasukkan melalui form ini. 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 url sehingga url terlihat seperti ini: localhost/belajar/insert.php?username=namanya&password=passwordnya&fullname=nama_lengkapnya
Sekarang coba buka pada browser anda dengan mengetikkan localhost/belajar pada address bar browser. Akan tampil form input data seperti ini.
Langkah 5 - Menyimpan Data
Ketikkan kode berikut, kemudian dengan nama insert.php<?php
//panggil file config.php untuk menghubung ke server
include
(
'config.php'
);
//tangkap data dari form
$username
=
$_POST
[
'username'
];
$password
=
$_POST
[
'password'
];
$fullname
=
$_POST
[
'fullname'
];
$email
=
$_POST
[
'email'
];
$agama
=
$_POST
[
'agama'
];
$no_hp
=
$_POST
[
'no_hp'
];
//simpan data ke database
$query
= mysql_query(
"insert into user values('', '$username', '$password', '$email', '$fullname', '$agama', '$no_hp')"
)
or
die
(mysql_error());
if
(
$query
) {
header(
'location:index.php?message=success'
);
}
?>
bisa ngga tunjukkan cara membuat database mulai dri awalmya sampai dngan inser intonya,
ReplyDeletezo zy belum paham dgn langkah-langkahnya,,
bisa gan.. cuman blm sempat, saya usahakan update utk db nya..
Deletetunggu artikel updatenya.. terima kasih sdh berkunjung
PUSAT ELEKTRONIK Online Shop
ReplyDeleteSeperti Camera,BleckBerry,Samsung,AppleDLL.
JL.Kh.Hasyim Ashari No.125 Sentral Jakarta 10150 mnat:
HUB:085310120333 PIN BB:24C19401
Buruaaaanng
Tipe BlecKerry
BLACKBERRY TORCH 9800 WHITE 1.350.000
BLACKBERRY PORSCHE DESIGN P9981 Rp 5.000.000
BLACKBERRY CURVE 9360 Rp 1.150.000,00
Tipe Samsung
SAMSUNG GALAXY NOTE 3 N9000 Rp 2.200.000
SAMSUNG GALAXY S4 MINI I9190 Rp 2.150.000
SAMSUNG GALAXY S4 ZOOM C101 Rp 1.500.000
SAMSUNG GALAXY S4 I9500 2.450.000.
SAMSUNG GALAXY NOTE II N7100 2.000.000
SAMSUNG GALAXY ACE 2 I8160 1.120.000
SAMSUNG GALAXY S II I9100 1.300.000.
Tipe Aipone
IPHONE 5S 64 GB Rp 5.800.000
HARGA APPLE IPHONE 5C 32GB Rp 2.400.000
APPLE IPHONE 5C 16GB Rp 2.000.000
APPLE IPHONE 5 16GB Rp 1.800.000
thanks share ilmu na gan...
ReplyDeleteBoleh tanya kan. Saya ingin membuat form pengisian dokumen yang outputnya dalah perintah mencetak. Dokumennya sudah ada ( siap dicetak) bagaimana agar hasil print pas terletak pada kolom pengisian dokumen tersebut. terima kasih
ReplyDeletegan untuk masalah Duplicate entry '0' for key'PRIMARY itu gimana gan?
ReplyDelete