Membuat koneksi Dreamwiver ke Database XAMPP

1. Buka aplikasi XAMPP. 

      2.  Lalu pilih Start Module Apache dan MySQL.

    3. Selanjutnya Buka aplikasi Browsing (Mozilla Firefox, Google Chrome / aplikasi browsing lainya)       ketik “localhost/phpmyadmin” (tanpa tanda kutip). Lalu pilih Basis Data/Database .

      4.  Buat nama untuk Databasenya, contoh seperti gambar dibawah :

    Kemudian Buat.

     5.  Setelah memberikan nama pada database, kemudian beri nama untuk tabel dan jumlah kolom               (field)  databasenya, sebagai contoh saya memberi nama mhs dan 3 untuk kolom.

      6. Kemudian akan keluar tampilan seperti gambar dibawah :

Disini saya membuat 3 kolom inputan (npm, nama, kelas) dengan tipe data VARCHAR, Panjang

karakter untuk npm 10, nama 25, kelas 8, dan untuk npm sebagai PRIMARY KEY dan storage           engine pilih MyISAM lalu simpan.  

     7. Setelah database disimpan, sekarang buka aplikasi Dreamweaver :

·         Pilih site

·         Lalu new site

8. Pilih Advanced.

*Pada kategori Local info, Site name saya beri nama inputdata.

*pada Local root folder, file harus berada dalam folder c:\xampp\htdocs\inputdata

*HTTP address, nama disesuaikan dengan site name, http://localhost/inputdata

9. Sekarang masuk ke kategori Testing Server.

*pada server model pilih PHP MySQL

*Access pilih Local/Network

*Testing server folder c:\xampp\htdocs\inputdata\

OK.

10. Setelah itu akan keluar Folder pada pojok kiri seperti gambar dibawah :

kemudian klik kanan pada folder, dan pilih new file, beri nama file baru tersebut dengan nama index.php

11. langkah selanjutnya,pilih menu Insert, Data objects, Recordset. Akan keluar tampilan seperti ini

    Pilih define kemudian new, sebagai contoh :

Connection name saya isi dengan nama connection , MySQL server localhost, User Name root, root  sebagai default name dari Database MySQL, selanjutnya select database yang sudah dibuat.

12. Tampilan akan kembali lagi pada form Recordset,  kemudian pilih Connection yang telah kita   buat tadi, jika connection berhasil maka database yang sudah dibuat akan tampil pada form Columns dan ok, seperti gambar dibawah :

  

13. Step selanjutnya pilih menu insert, data objects, insert record, record insertion form wizard, makan akan keluar tampilan seperti gambar dibawah :

      Pilih connection yang tadi telah di buat, setelah database tampil selanjutnya ok.

14. Jika berhasil, maka tabel database akan keluar pada editor Dreamweaver

Kemudian save ALL.

Setelah file disave, sekarang kita akan mencoba membuka database pada browsing dengan cara ketik “localhost/inputdata” (tanpa tanda kutip) pada alamat addres .

Isi form tersebut, disini saya meinput data saya sebagai contoh lalu insert.

  Database telah tersimpan.

selesai, semoga bermanfaat....

   Selesai.