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

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

Java Web Media: Web Design and Web Programming Course Depok
Java Web Media: Web Design and Web Programming Course Depok
  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. Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 2)
  5. Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 3)
  6. Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 4)
  7. Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 5)
  8. Mendownload Source Code Part 5. Silakan di download di link ini.

Pada tutorial Part 6 ini, Anda akan belajar bagaimana:

  • Menambahkan link dinamis untuk melihat berita
  • Menambahkan link dinamis untuk mengedit berita
  • Menambahkan link dinamis untuk menghapus berita
  • Menhapus berita yang tidak diinginkan

Pastikan Anda telah mendownload atau mengerjakan source code Part 5 dalam tutorial sebelumnya.

Menambahkan link dinamis edit berita (menuju edit-berita.php)

Anda mungkin pernah menemukan link misalnya http://www.javawebmedia.com, maka link tersebut adalah link biasa. Dalam tutorial ini, Anda akan membuat sebuah link dengan parameter dinamis, misalnya http://www.javawebmedia.com/index.php?view=1&edit=yes.

Maka link tersebut sifatnya dinamis dan kita akan belajar membuatnya dalam tutorial kali ini. dalam format yang lebih sederhana, yaitu http://localhost/cms_blog/admin/edit-news.php?edit=1. Parameter ?edit=1 adalah parameter dinamis yang nantinya diambilkan dari database MySQL.

Berikut adalah langkah-langkanya:

Java Web Media: Web Design and Web Programming Course Depok

 

Java Web Media: Web Design Course, Graphic Design Course and Web Programming Course Depok

Java Web Media: Web Design Course, Graphic Design Course and Web Programming Course Depok
Java Web Media: Web Design Course, Graphic Design Course and Web Programming Course Depok
Java Web Media: Web Design Course, Graphic Design Course and Web Programming Course in Depok
Java Web Media: Web Design Course, Graphic Design Course and Web Programming Course in Depok
  1. Buka file index.php yang tersimpan dalam folder admin
  2. Seleksi tulisan “Edit” yang ada pada tabel kolom ketiga baris kedua lalu pada panel Properties klik gambar/icon folder yang ada pada menu Link (Lihat gambar  illustrasi di atas). Jendela Select File akan keluar.

    Java Web Media: Web Design Course, Graphic Design Course and Web Programming Course Depok
    Java Web Media: Web Design Course, Graphic Design Course and Web Programming Course Depok
  3. Pilih file edit-news.php yang ada dalam folder admin
  4. Klik menu Parameters… yang ada di bagian kanan bawah dari jendela Select File. Jendela Parameters akan keluar
  5. Pada bagian Name (pada area jendela berwarna putih yang ada di bawahnya) ketik dengan tulisan edit.
  6. Lalu klik di bawah menu Value (sejajar dengan tulisan edit (langkah ke-5)). Klik gambar/icon petir. Jendela Dynamic Data akan muncul. Lakukan expansi Recordset (rsBerita) dengan mengklik tanda/icon plus (+).
  7. Pilih kolom tabel ID yang ada tanda petir di samping kirinya.
  8. Klik OK sebanyak tiga kali untuk menyelesaikannya. Hal ini akan menghasilkan dynamic link dengan kode yang semula hanya Edit berubah menjadi <a href=”edit-news.php?edit=<?php echo $row_rsBerita[‘ID’]; ?>”>Edit</a>
  9. Simpan kembali hasil pekerjaan Anda

Menambahkan link dinamis delete berita

Link delete berita ini nantinya akan menghasilkan link http://localhost/cms_blog/admin/add-news.php?delete=1. Ini artinya proses membuat link dinamisnya hampir sama dengan membuat link edit berita. Gambar illustrasinya hampir sama dengan cara membuat link edit berita. Berikut adalah langkah-langkahnya:

  1. Buka file index.php yang tersimpan dalam folder admin
  2. Seleksi tulisan “Delete” yang ada pada tabel kolom ketiga baris kedua lalu pada panel Properties klik gambar/icon folder yang ada pada menu Link (Lihat gambar  illustrasi di atas). Jendela Select File akan keluar.
  3. Pilih file add-news.php yang ada dalam folder admin
  4. Klik menu Parameters… yang ada di bagian kanan bawah dari jendela Select File. Jendela Parameters akan keluar
  5. Pada bagian Name (pada area jendela berwarna putih yang ada di bawahnya) ketik dengan tulisan delete.
  6. Lalu klik di bawah menu Value (sejajar dengan tulisan delete (langkah ke-5)). Klik gambar/icon petir. Jendela Dynamic Data akan muncul. Lakukan expansi Recordset (rsBerita) dengan mengklik tanda/icon plus (+).
  7. Pilih kolom tabel ID yang ada tanda petir di samping kirinya.
  8. Klik OK sebanyak tiga kali untuk menyelesaikannya. Hal ini akan menghasilkan dynamic link dengan kode yang semula hanya Delete berubah menjadi <a href=”add-news.php?delete=<?php echo $row_rsBerita[‘ID’]; ?>”>Delete</a>.
  9. Simpan kembali hasil pekerjaan Anda

Menambahkan link dinamis lihat berita

Anda tentunya ingin bisa melihat halaman berita secara langsung dari halaman admin, tidak hanya mengedit atau menghapusnya. Pada langkah ini Anda akan membuat link lihat berita yang nantinya menuju halaman utama website. Link dinamisnya akan menjadi seperti ini http://localhost/cms_blog/news.php?view=1. Berikut ini adalah langkah-langkahnya:

  1. Buka file index.php yang tersimpan dalam folder admin
  2. Seleksi tulisan “{rsBerita.title}” (jika dilihat dari Design View) atau jika dilihat dari Code View seleksi kode ini: <?php echo $row_rsBerita[‘title’]; ?> yang ada pada tabel kolom pertama baris kedua lalu pada panel Properties klik gambar/icon folder yang ada pada menu Link (Lihat gambar  illustrasi di atas). Jendela Select File akan keluar.
  3. Pilih file news.php yang ada dalam folder utama web root kita, yaitu folder cms_blog (bisa jadi Anda membuat nama folder utama yang berbeda).
  4. Klik menu Parameters… yang ada di bagian kanan bawah dari jendela Select File. Jendela Parameters akan keluar
  5. Pada bagian Name (pada area jendela berwarna putih yang ada di bawahnya) ketik dengan tulisan view.
  6. Lalu klik di bawah menu Value (sejajar dengan tulisan view (langkah ke-5)). Klik gambar/icon petir. Jendela Dynamic Data akan muncul. Lakukan expansi Recordset (rsBerita) dengan mengklik tanda/icon plus (+).
  7. Pilih kolom tabel ID yang ada tanda petir di samping kirinya.
  8. Klik OK sebanyak tiga kali untuk menyelesaikannya. Hal ini akan menghasilkan dynamic link dengan kode yang semula hanya <?php echo $row_rsBerita[‘title’]; ?> berubah menjadi <a href=”../news.php?view=<?php echo $row_rsBerita[‘ID’]; ?>”><?php echo $row_rsBerita[‘title’]; ?></a>.
  9. Simpan kembali hasil pekerjaan Anda

Menghapus berita 

Seperti yang telah dijelaskan di atas, link delete berita adalah http://localhost/cms_blog/admin/add-news.php?delete=1 ini artinya ketika Anda mengklik link tersebut, maka berita akan terhapus secara otomatis dan dinamis.

Dalam tutorial ini, Anda akan menghapus berita secara instan hanya dengan sekali klik tanpa ada konfirmasi terlebih dahulu. Tutorial lebih advanced dapat Anda ikuti pada kursus yang diselenggarakan oleh Java Web Media: Web Design Course, Graphic Design Course and Web Programming Course Depok. Anda dapat mendaftar secara online pada kursus kami dengan mengklik link ini http://javawebmedia.com/register.php.

 Untuk mengaktifkannya, ikuti langkah-langkah berikut ini.

Java Web Media: Web Design and Web Programming Course Depok
Java Web Media: Web Design and Web Programming Course Depok
  1. Buka file add-news.php 
  2. Klik Insert > Data Objects > Delete Record. Jendela Delete Record akan keluar.
  3. First check if variable is define: Primary key value
  4. Connection: cms_blog
  5. Table: post (ubah dengan mengklik pop-up menu)
  6. Primary key column: ID
  7. Primary key value: URL Parameter
  8. Ubah tulisan ID menjadi delete
  9. After deleting, go to: index.php (klik Browse untuk mencari file index.php yang tersimpan dalam folder admin tersebut, Anda juga dapat mengetiknya secara manual)
  10. Klik OK untuk menyelesaikannya. Simpan kembali hasil pekerjaan Anda.

Lakukan uji coba untuk menghapus salah satu berita yang Anda inginkan.

Tutorial terkait bagaimana menambah kategori berita dan form edit berita akan dijelasakan pada Part 7.

BERSAMBUNG

Note: Tema yang lebih Advanced terkait dengan proses membuat CMS ini diajarkan dalam Kursus yang diselenggarakan oleh Java Web Media. Segeralah mendaftar untuk membuat CMS sendiri dengan lebih baik.


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.

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

  1. permisi mas, maaf. langakhnya sudah saya ikutin. tapi ketika menghapus news munculnya :

    The page isn’t redirecting properly
    Firefox has detected that the server is redirecting the request for this address in a way that will never complete.

    This problem can sometimes be caused by disabling or refusing to accept
    cookies.

    ==============
    tetapi emang recordnya sudah terhapus di database.
    kira2 apa yang salah ya?

  2. mas mau tanya. . .knp setiap edit berita kok semua berita ikut berubah. . .kesalahannya dimana mz. . ???

  3. Hello There. I discovered your blog the use of msn. That is an extremely well written article. I’ll make sure to bookmark it and return to read more of your useful info. Thank you for the post. I will certainly comeback.

  4. We stumbled over here by way of a different website address and thought I may also check things out.
    I love things i see so now i am following you. Anticipate looking at your web page repeatedly.

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.