Membuat koneksi database PHP MySQL adalah langkah pertama sebelum Anda bekerja untuk membuat website dinamis. Pastikan Anda telah bisa membuat Site Definition sebelum Anda masuk ke materi ini.
Berikut adalah langkah-langkah membuat koneksi database PHP MySQL:
- Pastikan Anda membuka file dengan ekstensi PHP
- Klik Windows > Databases, maka akan muncul panel Databases.
- Klik Icon Plus (+) > MySQL Connection
- Isi beberapa parameter berikut ini.
- Connection name: koneksiku, Anda dapat memilih nama lain.
- MySQL Server: localhost, ini jika Anda bekerja di localhost
- User name: root, secara default Xampp menggunakan username root. Bisa jadi berbeda dengan konfigurasi web server di komputer Anda
- Password: , biarkan kosong kecuali Anda telah mensetting password di web server dan database Anda.
- Database: jwm, klik Select untuk memilih database. Klik OK
- Klik Test, jika muncul tulisan pop-up “Connection was made successfully”.
- Klik OK sekali lagi
Anda telah berhasil membuat koneksi database.
Membuat koneksi PHP dan MySQL adalah hal yang sangat penting bila sobat ingin membuat suatu website yang dinamis. Dengan mengkoneksikan database ke dreamweaver, sobat bisa menggunakan fitur fitur canggih di dreamweaver seperti Insert Record, Update Record, User Authentication ,dll.
Sebelum membaca tutorial ini, pastikan sobat sudah membaca tutorial berikut
1. Hal hal yang harus dipersiapkan sebelum membuat website
2. Cara membuat situs baru dengan Adobe Dreamweaver
Jika
sudah, sobat sudah bisa mempraktekkan tutorial yang akan saya ajarkan. Untuk mengkoneksikan database, kita harus terlebih dahulu membuat sebuah database untuk website. Buka aplikasi XAMPP . Lalu Klik tombol Start pada Module Apache dan
MySQL sehingga menjadi seperti gambar dibawah ini.
cara mengaktifkan XAMPP
Setelah itu buka browser favorit sobat, disini saya menggunakan Mozilla Firefox. Pada adress bar, tulis localhost/phpmyadmin lalu enter. Maka akan muncul beranda database phpmyadmin. Klik New di sebelah pojok kiri atas, lalu isi
nama database(dalam contoh ini saya menggunakan nama
webkita ) dan klik Create.
cara membuat database di xampp MySQL di phpmyadmin
Sekarang database sudah dibuat, langkah selanjutnya adalah mengkoneksikannya dengan Dreamweaver. Buka
aplikasi
Dreamweaver lalu buka halaman yang sudah sobat buat. Dalam tutorial sebelumnya, saya telah membuat file PHP dengan nama index.php
Klik pada menu Window. Pastikan
Databases sudah tercentang. Pada
Application , klik tanda + lalu pilih
MySQL Connection.
Akan muncul jendela MySQL Connection. Isi seperti gambar dibawah ini. Untuk password silakan dikosongi saja. Pada database, klik select dan pilih database yang sudah dibuat tadi (webkita ).Klik OK, lalu OK lagi.
cara membuat file koneksi.php dengan dreamweaver
Selamat ! sobat telah berhasil membuat database dan mengkoneksikannya ke dreamweaver. Jika sobat melihat di C//Xampp//htdocs//webkita , disana ada folder baru dengan nama connections . Didalamnya ada
file koneksi.php . Dreamweaver sudah membuatkannya secara otomatis.
Nantikan tutorial lainnya seputar cara membuat website dengan menggunakan Adobe Dreamweaver
Mar26
- Pengaktifan PhpMyAdmin
- Pada tahap ini kita akan membuat sebuah database menggunakan PhpMyAdmin di XAMPP. Jalankan Software XAMPP , seperti ini:
- Setelah itu, buka browser yang digunakan lalu ketik localhost pada address bar, maka nanti akan muncul seperti ini:
- Lalu klik tulisan PhpMyAdmin yang ada di menu tools sebelah kiri. Atau ketik saja di addressbar: localhost/phpmyadmin, maka akan muncul jendela PhpMyAdmin.
- Membuat Database
- Masukkan nama database yang akan dibuat, contoh: 3KA14. Lalu klik create.
- Masukkan nama table yang ingin dibuat, dan masukkan juga ada berapa kolom yang diperlukan. Setelah selesai, klik GO.
- Masukkan nama kolom yang ingin dibuat, dan jadikan salah satu sebagai primary key. Disini NPM sebagai primary key. Apabila sudah selesai, klik Save.
- Mengkoneksikan Database Dengan Dreamweaver
- Setelah pembuatan database selesai, sekarang lanjut buka Adobe Dreamweaver.
- Lihat pada menu bar terdapat menu “Site”. Maka pilih “New Site”, yang terdapat di dalam menu “Site”.
- Setelah itu ganti tab Basic menjadi Advance. Ada beberapa poin yang harus diganti, antara lain :
- Untuk Local Root Folder, klik yang gambar icon folder disamping, karena kita menggunakan XAMPP, maka pergi ke C:/XAMPP/htdocs setelah itu bikin folder baru, dengan nama bebas, contoh “daftar_nama”. Apabila sudah diganti, jangan disave dulu, pindah ke panel Server.
- Berlanjut ke panel Advanced Setting untuk memilih Links relative to “Document”. Jika sudah klik Save dan Done.
- Kembali lagi ke halaman awal DW, sekarang pilih create new PHP.
- Pada menu Insert pilih Data Object >> Dynamic Data >> Dynamic Table.
- Maka akan muncul jendela seperti berikut ini, klik Recordset.
- Setelah itu muncul jendela Recordset maka klik Define >>New.
- Isi data datanya sebagai berikut:
Connection name : (bebas)
MySQL Server : localhost
User Name : root (username default: root, namun jika sudah diganti, gunakan username)
Password : (password default: kosong, namun jika sudah diganti, gunakan password)
Database : (Klik tombol Select.)Apabila sudah selesai, klik OK.Maka nanti akan keluar database yang tadi sudah dibuat. Disini tahap pengkoneksian telah selesai.
- Membuat Halaman Input Data
- Save dahulu halaman yang telah dibuat dengan mengklik file >> Save atau CTRL+S, beri nama bebas.
- Setelah
di save, buat form inputannya dengan klik Insert > Data Objects > Insert Record > Record Insertion Form Wizard
- Klik pada bagian Connection menjadi koneksi tadi yang sudah dibuat. Lalu klik OK.
- Maka akan muncul tampilan seperti ini. Setelah itu Save.
- Membuat Halaman Untuk Menampikan Data
- Sekarang membuat Recordset dengan mengklik Insert >> Data Objects >> Dynamic Data >> Dynamic Table.
- Selanjutnya masukkan atur Dynamic Table seperti ini
- Setelah muncul jendela Dynamic Table, klik OK lalu akan muncul tampilan seperti ini Save lagi halaman ini.
- Untuk mencobanya pilih menu File >> Preview in browser >> Crome. Maka akan tampil form input.php, isi data tersebut untuk mencobanya.