Posting ini adalah lanjutan dari Posting sebelumnya. Oleh karena itu sebelum membaca posting ini, pastikan Anda telah membaca dan mengikuti artikel-artikel sebelumnya:
- Membuat Site Definition di Dreamweaver CS5, dan
- Membuat koneksi database PHP MySQL dengan Dreamweaver CS5
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 1)
- Mendownload Source Code Part 1. Silakan di download di link ini.
Pada posting kali ini, Anda akan bekerja untuk mengerjakan form edit-admin.php.
Membuat form edit data administrator
Seperti dijelaskan pada Part 1 bahwa link edit admin akan mengantarkan Anda pada link dengan alamat http://localhost/cms_blog/admin/edit-admin.php?edit=1. Maka di sini Anda menggunakan fasilitas Recordset yang ada dalam Dreamweaver.
Untuk membuat form edit data admin dan mengaktifkannya, ikuti langkah-langkah berikut ini:
Membuat recordset Recordset1:
- Buka file edit-admin.php dengan Dreamweaver Anda
- Hapus tulisan “Form edit-admin goes here”
- Klik Insert > Data Objects > Recordset. Jendela Recordset akan muncul. Lalu lakukan perubahan seperti di bawah ini:
- Name: Recordset1. Lalu Connection: cms_blog, Table: users
- Pada menu Filter, pilih ID. Lalu tulisan ID menjadi edit
- Klik OK untuk menyelesaikannya. (Lihat Gambar di atas)
Membuat form edit admin:
Anda telah membuat Recordset1, langkah selanjutnya adalah mengaktifkan form edit admin dengan query SQL di atas. Berikut langkah-langkagnya:
- Klik Insert > Data Objects > Update Record > Record Update Form Wizard. Jendela Record Update Form akan keluar. Lakukan beberapa perubahan.
- Connection: cms_blog
- Table to update: users
- Select record from: Recordset1
- Unique key column: ID, dengan Numeric bertanda centang/checked
- After updating, go to: admin.php. Anda bisa mengklik Browse lalu pilih file admin.php
- Pada menu Form fields:, seleksi kolom ID lalu hapus dengan mengklik tanda minus (-) di atasnya, yang artinya Remove item. Lakukan hal yang sama untuk kolom updated. Hapus juga kolom tersebut karena isinya (ID dan updated) akan digenerate secara otomatis oleh MySQL. Ini artinya yang tersisa
- Klik kolom password, lalu pada menu Display as: secara default adalah Text field. Ubahlah menjadi Password field. Secara otomatis Default value: akan berubah menjadi kosong.
- Untuk memasukkan Default Value, klik gambar petir maka jendela Dynamic Data akan keluar. Klik tanda plus (+) pada Recordset (Recordset1) lalu pilih kolom password lalu Klik OK. Anda juga dapat mengetik Default Value secara manual dengan menambahkan kode ini: <?php echo $row_Recordset1[‘password’]; ?>
- Klik OK untuk menyelesaikannya. Form Edit data Admin Anda telah selesai
- Simpan hasil pekerjaan Anda
Menghapus data admin
Link delete admin adalah http://localhost/cms_blog/admin/edit-admin.php?delete=5. Di sini kita hanya akan membuat script delete data secara instan yang disediakan Dreamweaver. Berikut adalah langkah-langkahnya:
- Pastikan Anda masih membuka halaman edit-admin.php
- Klik Insert > Data Objects > Delete Record. Jendela Delete Record akan keluar.
- Check if variable is defined: Primary key value
- Connection: cms_blog
- Table: users, ubah dengan mengklik pop-up menu
- Primary key column: ID, dengan Numeric bertanda centang/checked
- Primary key value: URL Parameter. Lalu ubah tulisan ID menjadi delete
- After deleting, go to: admin.php. Anda dapat mengklik Browse lalu klik file admin.php.
- Klik OK untuk menyelesaikannya
- Simpan kembali pekerjaan Anda.
Di atas adalah tutorial Part 2. Tutorial selanjutnya akan segera kami publikasikan kembali.
NOTE: Tutorial ini adalah dasar. Anda dapat mengikuti tutorial ini secara lengkap dan lebih advanced dengan mendaftarkan diri Anda pada kursus yang kami sediakan:
- Web Design Course di Depok
- Web Programming Course di Depok
- Graphic Design Course di Depok
terimakasih mas, tulisannya sangat bermamfaat, saya tunggu sambungan tutorialnya …
Oke terimakasih… Ditunggu ya. Mudah2an ga terlalu sibuk minggu ini…
mas buat news’y donk selanjut’y
Oke. Sabar ya mas. Akan segera hadir
mas, source code nya kok agak susah di donlot ya -__-a
cm bisa part 4 ama 3, , ada alterntip link lain?
mas andoyo kalau mau edit admin berdasarkan ID nya bagaimana?
misalkan saja ada 2 admin:
1. admin 1 memiliki ID 001
2. admin 2 memiliki ID 002.
kita mau edit admin yang ke dua?
bagaimana?
Silakan dipelajari Part selanjutnya. Di sana Akan dijelaskan detail tentang hal tersebut…
thanks buat tutorial nya,,,,mas bisa gx kasih tutorial tentang pembuatan program Tampil_Entri_Edit_Delete_Data_Mahasiswa,,karena ne lg sangat membutuhkan,,,,,,,,,,
Silakan dipelajari saja tutorial Part 1 sampai Part 12 ini. Saya yakin Anda bisa membuatnya sendiri…
lalu nanti jika ‘edit’ atau ‘delete’nya diklik, tampilannya akan seperti apa? bisa tolong diberi screenshot nya?
Silakan dicoba saja langsung…
mas kan di dreamweaver ada fungsi repeat region,, nah untuk penomoran otomatis 1,2,3,dst, tidak bisa malah jadi 1 semua… pada tabel admin, index, dll saya ingin menambahkan no 1,2,3 dst,,,bagaimana cara nya..
mas,ko ane ga da file login.phpnya
pas step 4 bingung =.=a
Silakan didownload script yang di part 3
mas eror saya kenapa ya , padahal saya ikutin tutorialnya udah bener , erornya gini : You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ‘“ WHERE Id=1’ at line 1
terimakasih banyak mas…
tutornya sangat membantu, dengan tekun dan pantang menyerah sy akhirnya bisa sampai ke part ini.
teriama kasih mas, salam sukses….. :-)
terimakasih mas, tutorialnya sangat membantu. Saya baru sampe part ini, kayanya source code part 1 dan sebelumnya sama ya? Tq
mass file rar yang ada di part1 gak bisa di download apa bisa upload yg lain mas, mohon sekali ya mas.
Salam mas..kenapa untuk link delete ketika di coba muncul pesan Incorrect table name ”..saya suda ikuti tutrial nya dari awal..mohon bantuan..trims
mas mau nanya lagi ni, , , pas mau test pada pembuatan (Recordset1 tetapi terjadi eror pada id tau ganti tulisan editnya) giman tu mas erornya tidak diteukan kolom edit atau erorr 105, , , mohon pencerahanya
Tutorialnya bagus pak. Saya mencoba mengikutinya.
Oya link Source Code Part 1 di atas tidak ada filenya, bisa dikirim link barunya ke email pak.
terimakasih