TUTORIAL EDIT MENGGUNAKAN DREAMWEAVER CS5 DENGAN LEBIH MUDAH

Melanjutkan posting sebelumnya kali ini saya akan memberikan tutorial mengenai Edit menggunakan Dreamweaver Cs5 dengan lebih mudah tanpa harus ngoding yee..  Adapun cara pengerjaanya dapat saudara ikuti langkah – langkah  dibawah ini dengan benar.

Catatan : Sebelum kita membuat perintah Edit hal yang harus kita buat terlebih dahulu adalah menampilkan data dari database seperti posting sebelumnya, atau saudara bisa menuju link berikut ini TUTORIAL MENAMPILKAN DATA DARI DATABASEMENGGUNAKAN DREAMWEAVER CS5.

- Langkah Pertama : Buka halaman baru dengan Format PHP kemudian pilih Menu Insert => Data Object => Recordset.

DWEdit_PeiStar

Keterangan : Pada halaman Recordset Setting terlebih dahulu Name Recordset, connection, dan Tabel. Pada Filter arahkan pada induk data (Primary Key).

DWEdit_PeiStar

- Langkah Kedua : Setelah Recordset kita setting kemudian pilih Menu Insert => Data Objects => Update Record => Record Update Form Wizard.

DWEdit_PeiStar

Keterangan : Pada halaman Record Update Form Wizard kita harus setting terlebih dahulu yaitu :
  • Connection => Nama koneksi di MySQL Connection.
  • Table to Update => Tabel yang akan digunakan untuk membuat Form Edit.
  • Select Record From => Name Recordset Edit.
  • Unique Key Column => Primary Key (Kunci Utama Data) => Ok.
  • Simpan dengan nama Edit_Data.php
DWEdit_PeiStar

Tampilan Form Edit

DWEdit_PeiStar


- Langkah Ketiga : Kita tambahkan 1 (Satu) kolom untuk membuat pemrosesan Edit seperti gambar dibawah ini.

DWEdit_PeiStar

DWEdit_PeiStar


Keterangan : 
  • Untuk menambahkan 1 (Satu) kolom saudara dapat meletakan kursor kolom “Harga_Jual” => Modify => Table => Insert Rows or Columns.
  • Pada halaman Insert Rows or Columns saudara dapat mengisi pilihan Insert => Columns => Number of Columns 1 (Karna kita membutuhkan 1 Columns) => kemudian untuk pilihan Where => After current Columns => OK.
DWEdit_PeiStar


- Langkah Keempat : Pada kolom Edit letakan kursor kemudian pilih Menu Insert => Hyperlink.

DWEdit_PeiStar


Katerangan : Pada halaman Hyperlink kita dapat mengetikkan Edit pada area Text, sedangkan pada area Link kita dapat mencari Form Edit_Data.php yang telah kita buat tadi. Klik Edit_Data.php => Parameter => Halaman Parameter area Name kita ketikan nama Field yang telah kita Filter pada Langkah Pertama => Pada area Value kita dapat menekan simbol petir untuk mencari isi dari Kode_Barang tadi => OK.

DWEdit_PeiStar

DWEdit_PeiStar

DWEdit_PeiStar

DWEdit_PeiStar

Tampilan Proses Edit


Selamat mencoba...!!!

Tampilan Akhir

DWEdit_PeiStar

DWEdit_PeiStar

Tag : Dreamweaver
0 Komentar untuk "TUTORIAL EDIT MENGGUNAKAN DREAMWEAVER CS5 DENGAN LEBIH MUDAH"

------------------------------------------------------------------------------------
ATURAN PEMBERIAN KOMENTAR DAN SARAN :
- SOPAN
- RELEVAN

SILAHKAN BERIKAN KOMENTAR SAUDARA
ATAS PERHATIANNYA SAYA UCAPKAN TERIMAKASIH!!!
-------------------------------------------------------------------------------------

Back To Top