Koneksi Database

masih dalam konteks pembuatan tugas laporan akhir LabSI, kali ini saya akan berbagi gimana caranya agar dapat mengkoneksikan database (input data) pada web dengan Adobe Dreamweaver. sebelumnya kali ini kita tidak hanya menggunakan Adobe Dreamweaver saja tetapi ada tambahan menggunakan aplikasi XAMPP. gimana cara membuatnya silahkan ikuti artikel berikut.

Tutorial

   1. Seperti Biasa buka DW (Dreamweaver) klik insert => form => form lalu design, ikuti langkah-langkah berikut. jangan lupa run buka XAMPP nya lalu start apache dan mysqlnya

   1.1  Buat design seperti dibawah ini seperti langkah klik artikel berikut tampilan 

    1.1.1  tapi pada tabel kolom ketiga kosongkan dan ikuti langkah dibawah ini. klik insert => form => text field. lalu isi id kolom dengan nama sesuai kolom pertama (isi sama pada setiap barisnya)

   2.  setelah isi semuanya kita buat button daftar dan button cancel(pada button cancel propertis actionya pilih reset form) lalu klik pada frorm garis warna merah (isi actionnya dengan konek.php)save as ok.html

   3. lalu kita buat codingan phpnya dengan klik file => new => php => create

   3.1 ketik coding berikut

<?php

$host="localhost";

$username="root";

$password="";

$tbl_name="KA05";

$db_nama="pemain";

mysql_connect($host,$username,$password) or die ("Error");

mysql_select_db($db_nama) or die ("Database Tidak Terdaftar");

$nama=$_POST['nama'];

$kelas=$_POST['kelas'];

$hobi=$_POST['hobi'];

$sql="insert into 3KA05(nama,kelas,hobi)values('$nama','$kelas','$hobi')";

$result=mysql_query($sql);

if($result){

echo "Hello $nama!";

echo "<br>Data Berhasil dimasukkan</br>";

echo "Silahkan menunggu konfirmasi selanjutnya";

echo "<br><a href=index.html>Kembali ke menu awal</a></br>";}

else{

echo"Data gagal dimasukkan";}

?>

<?php

mysql_close();

?>

   4 save dengan nama file konek.php

  5.  Buka browser ketikan localhost/phpmayadmin. Buat database dengan nama pemain dan tabel dengan nama KA05.

   6. buat field sesuai tabel dan typenya varchar dan length/valuesnya isi terserah kebutuhan. save

   7. setelah itu buka new tab pada browser dan ketikan localhost/KA05/ok.html akan muncul tampilan berikut.

   8. isi fieldnya yang sesuai lalu klik daftar jika koneksi berhasil akan muncul seperti berikut. 

SELESAI trimakasih telah berkunjung