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)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 2)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 3)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 4)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 5)
- 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:
- Buka file index.php yang tersimpan dalam folder admin
- 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.
- Pilih file edit-news.php yang ada dalam folder admin
- Klik menu Parameters… yang ada di bagian kanan bawah dari jendela Select File. Jendela Parameters akan keluar
- Pada bagian Name (pada area jendela berwarna putih yang ada di bawahnya) ketik dengan tulisan edit.
- 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 (+).
- Pilih kolom tabel ID yang ada tanda petir di samping kirinya.
- 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>.
- 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:
- Buka file index.php yang tersimpan dalam folder admin
- 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.
- Pilih file add-news.php yang ada dalam folder admin
- Klik menu Parameters… yang ada di bagian kanan bawah dari jendela Select File. Jendela Parameters akan keluar
- Pada bagian Name (pada area jendela berwarna putih yang ada di bawahnya) ketik dengan tulisan delete.
- 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 (+).
- Pilih kolom tabel ID yang ada tanda petir di samping kirinya.
- 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>.
- 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:
- Buka file index.php yang tersimpan dalam folder admin
- 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.
- 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).
- Klik menu Parameters… yang ada di bagian kanan bawah dari jendela Select File. Jendela Parameters akan keluar
- Pada bagian Name (pada area jendela berwarna putih yang ada di bawahnya) ketik dengan tulisan view.
- 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 (+).
- Pilih kolom tabel ID yang ada tanda petir di samping kirinya.
- 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>.
- 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.
- Buka file add-news.php
- Klik Insert > Data Objects > Delete Record. Jendela Delete Record akan keluar.
- First check if variable is define: Primary key value
- Connection: cms_blog
- Table: post (ubah dengan mengklik pop-up menu)
- Primary key column: ID
- Primary key value: URL Parameter
- Ubah tulisan ID menjadi delete
- 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)
- 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.
ditunggu tutorial selanjutnya ya. Trims.
Oke… sabar ya mas…. Hehe…
Saya cek di hasil file dowloadan part 6. Di bagian admin ada folder javascrip. Didala folder ada folder tiny MCE ini buata apa ya? trims
Itu nantinya untuk text editor. Akan dijelaskan lebih detail di bagian selanjutnya… Untuk lebih detailnya silakan digoogle aja. Screen shot tinymce ada di gambar awal tutorial Part 6.
File news itu di dalam folder admin atau di luar ya? trims
File news.php ada dalam folder utama. Cari aja mas, ada kok…
Maksud sy, pada part 6 ini file news.php diletekkan di folder admin? trims
Ga mas, biarkan tetap di folder aslinya…Jadi ga ada perubahan lokasi file.
bgus skali tutorialnya, di tunggu lanjutanya….
Sabar yaa… Segera diupdate jika sempat…
Pada bagian edit berita. Bagaimana caranya agar Category tetap dalam tampilan list (menu) seperti ketika input berita. trims
Tekniknya sama dengan ketika membuat form input berita. Buat recordset kategori berita lalu jadikan select-nya menjadi dynamic. Tutorial selanjutnya akan membahas hal tersebut…
Oke terimakasih suhu. Ditunggu jurus berikutnya.
Sama-sama Mas. Part 7 Sudah keluar, silakan dilanjut tutorial sebelumnya.
Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 7)
waah mantap neh,, bisa dijadiin referensi tambahan saya,,
terimakasih mas
Part 8 sudah release, silakan dibuka
admin tolong donk bikin tutorial memasang ckeditor dengan dreamweaver donk… pleasss
Oke, sabar yah. Nanti dijelaskan termasuk integrasinya dengan file managernya.
iya masbro ajarin cepet donk masbro buat tugas akhirni masalahnya …
Hehe…sudah diikuti semua belum tutorialnya?
Oke, CKEditor aja atau sama file managernya?
Tutorial CKEDitor dan KCFinder sudah ada, silakan buka di http://javawebmedia.com/blog/aplikasi-form-berita-installasi-ckeditor-dan-kcfinder-text-editor-wysiwyg-dan-file-manager/
untuk memunculin text dan gambarnya gmna mas..
recond biasa aja gtu make dreamweaver apa gmana mas bro ?? mohon pencerahannya …
oh iya sma mau tau donk mas cara bikin http://www.javawebmedia.com/client.php
itu pengaturannya gmana mas bisa pertable gtu munculnya /????
Iya, pake Dreamweaver aja mas. Nanti ada konfigurasi pada part-part selanjutnya…
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?
Silakan di beberapa baris script pengalihan setelah proses delete berhasil, kurang lebih kodenya di bawah ini:
if (isset($_SERVER[‘QUERY_STRING’])) {
$insertGoTo .= (strpos($insertGoTo, ‘?’)) ? “&” : “?”;
$insertGoTo .= $_SERVER[‘QUERY_STRING’];
}
Artikel yang sangat menarik,,,
Sangat ditunggu posting selanjutnya,,
Mantab Gan tutorialnya, siap download,
sangat cocok untuk yang ingin mendalami
belajar membuat websiteterutama dengan dreamweaver
terimakasih sudah berbagi Gan, salam kenal ya…..
mas mau tanya. . .knp setiap edit berita kok semua berita ikut berubah. . .kesalahannya dimana mz. . ???
Kesalahan biasanya pada ID berita…
mas mau tnya yang Menambahkan link dinamis delete berita baris nomer 2 tuch bner ya “edit” bukan “delete”
Terimakasih koreksinya. Sudah dibenerin…
WOW just what I ωas seaгching for. Ϲаme herе by sеагching foг Java Web Media
cara buat post status publish dan no publish gmn y??
mas ada buku nya nggk ya saya mau beli. balas email saya sya …
Hehe… Belum ada mas.
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.
sangat bagus bagi yang masih awam….., mantap detail banget
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.