March 3, 2017

Kursus Komputer Dreamweaver (2)

LPK Unigama
LPK Unigama

Kursus Komputer Dreamweaver (2).

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

  • Lalu pilih tabel database di kolom panel database, klik kanan dan inset kode seperti pada gambar
insert code
insert code
  • Berikut gambar setelah form kodenya telah diinsert code
hasil insert 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
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
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
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 design
select tabel code
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
drag bindings
  • Supaya pada bagian nama dapat diedit tambahkan coding ini pada data editnya
Add Edit Name
Add Edit Name
  • Menambahkan list New Data untuk membuat data baru, lalu lingkan ke Add.php
add code
add code

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

BERSAMBUNG

 

Jadi jika kamu mencari tempat kursu komputer yang tepat untuk meningkatkan kemampuanmu, jangan bingung dan ragu untuk bergabung dengan LPK UNIGAMA yang merupakan tempat Kursus Komputer terbaik di Kota Yogyakarta.

Untuk INFO lebiih lengkapnya dapat mengunjungi website kami di PENDAFTARAN atau dapat menghubungi kami langsung di :

LPK UNIGAMA
Jl. Mayjend Bambang Sugeng No. 75 Yogyakarta.
Telp. (0274) 542630
SMS/Whatsaap/Line : 0838.670.40663
PIN BB : 558D31E7