Membuat Input Data Dan Tampil Data Dengan Dreamweaver Dan Xampp

Hallo gan, apa kabar ? hmmm, kali ini  saya akan membahas tentang cara membuat input data dan tampil data dengan dreamweaver dan xampp. Ini sebenarnya adalah tugas dari dosen web 2 saya, hehehe...Oke langsung mawon, CEKIDOT....

TAHAP 1. Membuat Halaman Input Data 

1.Save dahulu halaman yang barusan dibuat dengan mengklik file > save atau CTRL+S.

Beri nama terserah namun sesuai dengan apa yang ingin di buat, seperti input, masuk, insert dll.

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

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

4. Maka akan muncul tampilan seperti ini

Setelah itu save lagi dan lanjut..

TAHAP 2. Membuat Halaman Untuk Menampikan Data

1,Buat halaman baru dengan klik file > new. Pilih yang PHP.
2. Setelah itu save lagi dengan menekan CTRL+S. Beri nama output atau apapun terserah.
3. Sekarang bikin record set dengan mengklik Insert > Data Objects > Recordset.

4. Selanjutnya masukkan data recordset seperti ini

• Name: (Terserah)
• Connection: (Nama koneksi yang tadi dibuat)
• Table: (Nama tabel yang telah dibuat pada saat membuat database)
• Columns: All
• Filter: None
• Sort: NPM | Ascending

5. Setelah itu buat dynamic table nya. Klik Insert > Data Objects > Dynamic Data > Dynamic Table

6. Setelah muncul jendela Dynamic Table, klik OK lalu akan muncul tampilan seperti ini

Save lagi halaman ini. Untuk mencobanya coba buka web browser anda lalu ketik localhost/(nama folder)/(nama file) karena nama folder gue "contoh" dan nama file gue "input.php" maka gue ngetiknya localhost/contoh/input.php
Maka akan tampil form input.php, isi data tersebut untuk mencoba nya.

Setelah itu ketik form outputnya ganti input.php menjadi output.php, apabila berhasil maka akan muncul tampilan seperti pada gambar.

Sekian dari saya, semoga berguna. Wassalamualaikum wr. wb.