Membuat CMS PHP MySQL Menggunakan Dreamweaver CC, CS6, CS5, CS4, CS3 (Part 2)

Posting ini adalah lanjutan dari Posting sebelumnya. Oleh karena itu sebelum membaca posting ini, pastikan Anda telah membaca dan mengikuti artikel-artikel sebelumnya:

  1. Membuat Site Definition di Dreamweaver CS5, dan
  2. Membuat koneksi database PHP MySQL dengan Dreamweaver CS5
  3. Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 1)
  4. 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.

Java Web Media: Web Design and Web Programming Course
Java Web Media: Web Design and Web Programming Course

Untuk membuat form edit data admin dan mengaktifkannya, ikuti langkah-langkah berikut ini:

Membuat recordset Recordset1:

Web Design dan Web Programming Course
Java Web Media: Web Design and Web Programming Course Depok
  1. Buka file edit-admin.php dengan Dreamweaver Anda
  2. Hapus tulisan “Form edit-admin goes here”
  3. Klik Insert > Data Objects > Recordset. Jendela Recordset akan muncul. Lalu lakukan perubahan seperti di bawah ini:
  4. Name: Recordset1. Lalu Connection: cms_blog, Table: users
  5. Pada menu Filter, pilih ID. Lalu tulisan ID menjadi edit
  6. 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:

Java Web Media: Web Design and Web Programming Course
Java Web Media: Web Design and Web Programming Course Depok
  1. Klik Insert > Data Objects > Update Record > Record Update Form Wizard. Jendela Record Update Form akan keluar. Lakukan beberapa perubahan.
  2. Connection: cms_blog
  3. Table to update: users
  4. Select record from: Recordset1
  5. Unique key column: ID, dengan Numeric bertanda centang/checked
  6. After updating, go to: admin.php. Anda bisa mengklik Browse lalu pilih file admin.php
  7. 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
  8. 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.
  9. 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’]; ?>
  10. Klik OK untuk menyelesaikannya. Form Edit data Admin Anda telah selesai
  11. 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:

Java Web Media: Web Design and Web Programming Course Depok
Java Web Media: Web Design and Web Programming Course Depok
  1. Pastikan Anda masih membuka halaman edit-admin.php
  2. Klik Insert > Data Objects > Delete Record. Jendela Delete Record akan keluar.
  3. Check if variable is defined: Primary key value
  4. Connection: cms_blog
  5. Table: users, ubah dengan mengklik pop-up menu
  6. Primary key column: ID, dengan Numeric bertanda centang/checked
  7. Primary key value: URL Parameter. Lalu ubah tulisan ID menjadi delete
  8. After deleting, go to: admin.php. Anda dapat mengklik Browse lalu klik file admin.php.
  9. Klik OK untuk menyelesaikannya
  10. 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:

  1. Web Design Course di Depok
  2. Web Programming Course di Depok
  3. Graphic Design Course di Depok

Java Web Media: Web Design di Kota Depok

Java Web Media adalah perusahaan yang bergerak di bidang web design, web programming, web application, web education, graphic design dan graphic education yang berbasis di kota depok.

32 thoughts to “Membuat CMS PHP MySQL Menggunakan Dreamweaver CC, CS6, CS5, CS4, CS3 (Part 2)”

  1. 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?

  2. thanks buat tutorial nya,,,,mas bisa gx kasih tutorial tentang pembuatan program Tampil_Entri_Edit_Delete_Data_Mahasiswa,,karena ne lg sangat membutuhkan,,,,,,,,,,

  3. lalu nanti jika ‘edit’ atau ‘delete’nya diklik, tampilannya akan seperti apa? bisa tolong diberi screenshot nya?

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

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

  6. terimakasih banyak mas…
    tutornya sangat membantu, dengan tekun dan pantang menyerah sy akhirnya bisa sampai ke part ini.
    teriama kasih mas, salam sukses….. 🙂

  7. Salam mas..kenapa untuk link delete ketika di coba muncul pesan Incorrect table name ”..saya suda ikuti tutrial nya dari awal..mohon bantuan..trims

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

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.