Kursus Komputer Dreamweaver (2)

dreamwaeaver cc

Hallo Sahabat Unigama, apa kabar ? Semoga selalu sehat dan bersemangat yaa. Ok pada kesempatan kali ini kami ingin melanjutkan bahasan tentang dreamweaver , PHP & MySQL yang pada artikel sebelumnya sudah dijelaskan tentang cara seting site servernya. Untuk kali ini kita akan membahas tentang pengkoeksiannya dengan file php yang kita buat sebelumnya. 

• Buatlah (4) empat file .php yang bersisi add.php, list.php, delete.php dan update.php. 

4 file .php

• Buka list.php yang sudah anda buat, lakukan penghubungan atau pengkoneksian dengan database dengan cara seperti berikut ini :Buka panel database dari menu windows (Ctrl+Shift+F10) lalu klik tanda plus pada seperti pada gambar

connection dg php

• Kemudian setelah dipilih MySQL Connection akan muncul option conection seperti pada gambar, lakukan setting connection contohnya seperti pada gambar connection namenya isikan keterangan nama koneksi terserah anda, MySQL servernya pastikan localhost karena kita menggunakan server localhost dan username standartnya pada xammp yaitu root dan paswordnya kosong jika xammp anda masih standat, lalu pilih select untuk memilih database yang akan dikoneksikan

• Pastikan setting koneksi MySQL terhubung dengan mengetestnya dengan mengklik tombol tes hingga successfully seperti pada gambar. Klik OK untuk menghakhirinya.

• Lakukan insert connection pada code dengan database yang telah kita sambungkan, pilih split dan pastikan kursor diawal kode seperti pada gambar

insert awal code

• Lalu pilih tabel database di kolom panel database, klik kanan dan inset kode seperti pada gambar

insert code

• Berikut gambar setelah form kodenya telah diinsert code

hasil insert code

• Buat form pada list.php dengan menginsert dari menu insert, form dan pilih form, kemudian tambahkan table dengan mengklik menu insert , table di pengaturan masukkan kolomnya 5 dan barisnya 2 untuk title dan menempatkan list datanya, seperti pada gambar

form & tabel

• Lalu buatlah recordset untuk menampilkan list ke tabel yang telah kita buat pada nantinya, dengan langkah seperti berikut ini. Pilih menu window kemudian pilih server behaviors (Ctrl+F9), lihat tampilan pada panel dan klik tanda plus dipojok kemudian pilihlah recordset seperti pada gambar

add recordser

• Lakukan setting nama recordset, dan koneksi database yang dipakai pada connection. Lalu pilih tabel yang akan ditampilkan dan urutkan tampilan dengan mensetting pada bagian paling bawah menu option yaitu sort : pilih kategori pengurutan dan jenis urutannya, seperti pada gambar

Setting Recordset

• Lakukan repeat region dengan maksud list yang telah kita buat tadi akan berulang tampil kebawah berurut pada setiap tabelnya, dengan menseleksi tabel untuk menampilkan databasenya atau dengan menseleksi codingnya pada bagian seperti pada gambar

select tabel design

select tabel code

• Pilih panel bindings untuk memindahkan database yang dibuat dengan recordset sebelumnya dengan men-drag-nya ke dalam tabel seperti pada gambar

drag bindings

• Supaya pada bagian nama dapat diedit tambahkan coding ini pada data editnya

Add Edit Name

• Menambahkan list New Data untuk membuat data baru, lalu lingkan ke Add.php

add code

Untuk menampilkan list data dengan cara tersebut diatas, semoga bermanfaat tutorial yang kami berikan sampai ketemu pada tutorial - tutorial kami selanjutnya

BERSAMBUNG