Koneksi php mysql dengan dreamweaver

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

Koneksi php mysql dengan dreamweaver

  • 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

Koneksi php mysql dengan dreamweaver

  • 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.

Koneksi php mysql dengan dreamweaver

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.

Koneksi php mysql dengan dreamweaver

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.

Koneksi php mysql dengan dreamweaver

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.

Koneksi php mysql dengan dreamweaver

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

  1. Pengaktifan PhpMyAdmin
  • Pada tahap ini kita akan membuat sebuah database menggunakan PhpMyAdmin di XAMPP. Jalankan Software XAMPP , seperti ini:

    Koneksi php mysql dengan dreamweaver

  • Setelah itu, buka browser yang digunakan lalu ketik localhost pada address bar, maka nanti akan muncul seperti ini:

    Koneksi php mysql dengan dreamweaver

  • Lalu klik tulisan PhpMyAdmin yang ada di menu tools sebelah kiri. Atau ketik saja di addressbar: localhost/phpmyadmin, maka akan muncul jendela PhpMyAdmin.

    Koneksi php mysql dengan dreamweaver

  1. Membuat Database
  • Masukkan nama database yang akan dibuat, contoh: 3KA14. Lalu klik create.

    Koneksi php mysql dengan dreamweaver

  • Masukkan nama table yang ingin dibuat, dan masukkan juga ada berapa kolom yang diperlukan. Setelah selesai, klik GO.

    Koneksi php mysql dengan dreamweaver

  • Masukkan nama kolom yang ingin dibuat, dan jadikan salah satu sebagai primary key. Disini NPM sebagai primary key. Apabila sudah selesai, klik Save.

    Koneksi php mysql dengan dreamweaver

  1. Mengkoneksikan Database Dengan Dreamweaver
  • Setelah pembuatan database selesai, sekarang lanjut buka Adobe Dreamweaver.

    Koneksi php mysql dengan dreamweaver

  • Lihat pada menu bar terdapat menu “Site”. Maka pilih “New Site”, yang terdapat di dalam menu “Site”.

    Koneksi php mysql dengan dreamweaver

  • Setelah itu ganti tab Basic menjadi Advance. Ada beberapa poin yang harus diganti, antara lain :

    Koneksi php mysql dengan dreamweaver

  • 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.

    Koneksi php mysql dengan dreamweaver

  • 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.

    Koneksi php mysql dengan dreamweaver

  • Pada menu Insert pilih Data Object >> Dynamic Data >> Dynamic Table.

    Koneksi php mysql dengan dreamweaver

  • Maka akan muncul jendela seperti berikut ini, klik Recordset.

    Koneksi php mysql dengan dreamweaver

  • Setelah itu muncul jendela Recordset maka klik Define >>New.

    Koneksi php mysql dengan dreamweaver

  • 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.

    Koneksi php mysql dengan dreamweaver

  1. Membuat Halaman Input Data
  • Save dahulu halaman yang telah dibuat dengan mengklik file >> Save atau CTRL+S, beri nama bebas.

    Koneksi php mysql dengan dreamweaver

  • Setelah di save, buat form inputannya dengan klik Insert > Data Objects > Insert Record > Record Insertion Form Wizard

    Koneksi php mysql dengan dreamweaver

  • Klik pada bagian Connection menjadi koneksi tadi yang sudah dibuat. Lalu klik OK.

    Koneksi php mysql dengan dreamweaver

  • Maka akan muncul tampilan seperti ini. Setelah itu Save.

    Koneksi php mysql dengan dreamweaver

  1. Membuat Halaman Untuk Menampikan Data
  • Sekarang membuat Recordset dengan mengklik Insert >> Data Objects >> Dynamic Data >> Dynamic Table.

    Koneksi php mysql dengan dreamweaver

  • Selanjutnya masukkan atur Dynamic Table seperti ini

    Koneksi php mysql dengan dreamweaver

  • Setelah muncul jendela Dynamic Table, klik OK lalu akan muncul tampilan seperti ini Save lagi halaman ini.

    Koneksi php mysql dengan dreamweaver

  • Untuk mencobanya pilih menu File >> Preview in browser >> Crome. Maka akan tampil form input.php, isi data tersebut untuk mencobanya.

    Koneksi php mysql dengan dreamweaver

    Koneksi php mysql dengan dreamweaver