Iklan Banner

Saturday 26 August 2017

Cara Menampilkan Hail Input dan Update Menggunakan Master Detail Page Set Pada Dreamweaver CS6

selalu awali belajar anda dengan membaca bismillah, 

bissmillahirahanirrahim,

baiklah pada kesempatan kali ini saya akan mendemokan atau mengilustrasikan bagaimana cara menampilkan hasil input dan update atau yang sering kita kenal dengan sebutan CRUD namun kali ini saya hanya fokus pada pembuatan Read menggunakan Adobe Dreamweaver CS6.

buat temen-temen yang belum bisa membuat CRUD (Create, Read, Update, Delete) silahkan kunjungi link berikut ini:  Cara Membuat CRUD 

baiklah pada kesempatan kali ini saya akan sedikit bongkar-bongkar trik cepat, mudah dan aman membuat detail read caranya mudah yakni dengan menggunakan perintah Master Detail Page Set pada menu insert, 

disini saya menggunakan database MySQL dengan nama : coba_crud
dan berisi satu tabel yakni: berita dengan 4 field (id_berita, nama, isi_berita, tanggal)
dan id_berita sebagai PRIMARY

adapun langkah-langkahnya sbagai berikut:

1. Hidupkan XAMPP
2. Buat folder baru pada :C/xampp/htdocs/......  
3. Buat site baru pada Dreamweaver CS6 (cara buat site)
4. Buat fiel baru didalam site yang telah dibuat sebelumnya

- create.php
- delete.php
- update.php
- index.php

5. pada tutorial kali ini saya hanya akan fokus pada index.php untuk yang lain silahkan anda pelajari pada cara membuat CRUD masuk pada halaman index.php

6. Klik Insert > Data Object > Master Detail Page Set.


7. Muncul peringatan seperti pada gambar dibawah ini brarti anda diminta membuat recordset pada halaman index.php kemudian klik recordset seperti pada gambar berikut ini:


8. Masih pada menu index.php sesuaikan nama recordset yang akan dibuat dengan nama halaman index.php yakni (index) kemudian klik ok.


9. setelah itu anda akan ditujukan pada laman berikut ini, isikan sesuai pada gambar berikut ini:
jangan lupa untuk membuat field baru pada Detail Page Name yakni detail.php , klik ok


10. berikut hasilnya, seperti pada gambar berikut ini, bisa anda langsung SAVE dan tekan F12 untuk melihat hasilnya.


11. kemudian buatlah colom baru untuk menempatkan lihat, update, delete seperti pada gambar berikut ini:


12. pada teks udpate blok dan klik kanan pilih make link


13. pilih update.php sesuaikan dengan teks yang diplih tadi, kemudian klik parameters


14. ikuti langkah-langkah berikut ini, pada parameter isikan nama field yang di PRIMARY, misalkan didalam tabel database saya menggunakan id_berita sebagi PRIMARY pada tabel berita maka saya akan memilih id_berita sebagai parameter, kemudian jika telah berhasil silahkan klik ok,


15. lakukan hal yang sama dengan teks delete kemudin klik SAVE dan lihat hasilnya dengan klik F12


16. Pastikan semuanya berjalan lancar jaya ya sob, langkah selanjutnya adalah blok teks lihat  dan pilih make link, langkahnya sama seperti sebelumnya, lihat gambar


17. pilih detail.php karna teks lihat nantinya akan kita link kan ke halaman detail.php klik parameter dan sesuaikan field nya, lihat gambar berikut ini:


18. jangan lupa untuk seslau melakukan penyimpanan SAVE kemudian lihat pada brouwser , lihat pada gambar berikut ini, lihatlah perbedaan id_berita dengan lihat.


19. apakah anda sudah faham? sudahkah anda temukan kendala?
ya, pada teks lihat andatidak jumpai data satupun yang masuk, berbeda dengan pada id_siswa, langkahnya begini ni sob supaya teks lihat bisa bekerja, 
masuk pada detail.php dan perhatikan gambar berikut ini:


20. copy recordID pada skript detail.php diatas kemudian masuk pada index.php sorot kursor anda pada teks lihat dan pada properties klik browser link seperti pada gambar berikut ini:


21. kemudian pada URL Parameter ganti id_berita dengan recordID ingat hanya teks itu saja yang diganti, kemudian klik ok.


jangan lupa untuk melakukan penyimpanan (SAVE) kemudian tekan F12 dan lihatlah hasilnya, 
jika masih gagal, coba dibaca kembali artikelnya barangkali ada langkah yang terlewat, jika masih salah silahkan isiskan komentar anda pada kolom komentar di bawah ,

jika bermanfaat silahkan dishare, jadikan amal jariah untukmu didunia, bismillah, :)

0 komentar:

Post a Comment

luvne.com ayeey.com cicicookies.com mbepp.com kumpulanrumusnya.comnya.com tipscantiknya.com