Posting ini adalah lanjutan dari Posting sebelumnya. Oleh karena itu sebelum membaca posting ini, pastikan Anda telah membaca dan mengikuti artikel-artikel sebelumnya. Pada bagian ini, Anda akan menampilkan listing berita:
- 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)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 6)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 7)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 8)
- Mendownload Source Code Part 8. Silakan di download di link ini.
Pada tutorial Part 9 ini, Anda akan belajar:
- Menampilkan berita
- Menampilkan listing berita
Menampilkan listing berita di halaman index.php
Pada tahap ini, Anda akan menampilkan daftar berita yang berada di sisi sidebar. Bukalah file index.php yang berada di folder utama. Lalu hapus list lainnya dan sisakan satu list berita saja. Lihat gambar sebagai illustrasi di atas.
Membuat recordset untuk listing berita (rsNews):
Untuk menampilkan listing berita, Anda harus membuat query/recordset untuk memanggil data berita yang disimpan dalam tabel post.
- Klik Insert > Data Objects > Recordset
- Name: rsNews
- Connection: cms_blog
- Table: post
- Columns: All
- Filter:, biarkan sesuai default.
- Sort: ID, lalu ubah Ascending menjadi Descending.
- Klik OK.
Menampilkan listing berita
Melalui mode Code View, cari kode di bawah ini:
<ul> <li><a href="#">Lorem ipsum dolor sit amet</a></li> </ul>
- Klik panel Bindings (Anda dapat mengaksesnya melalui menu Windows > Bindings). Di jendela Bindings Anda akan melihat recordset (rsNews) yang telah Anda buat. Klik ikon/tanda plus untuk melakukan expand.
- Seleksi tulisan “Lorem ipsum dolor sit amet”, lalu dari panel Bindings, drag kolom “title” ke area teks tersebut. Dreamweaver otomatis akan mencetak script PHP: <?php echo $row_rsNews[‘title’]; ?>.
- Lalu pada tag <a href=”#”> ubah menjadi: <a href=”news.php?view=<?php echo $row_rsNews[‘ID’]; ?>”>.
- Simpan kembali hasil pekerjaan Anda
Menggunakan looping untuk menampilkan lebih banyak listing berita
Langkah selanjutnya adalah melakukan looping untuk menampilkan data berita yang lebih banyak. Katakanlah, di sini akan ditampilkan 10 listing berita. Seleksi kode di bawah ini:
<li><a href="news.php?view=<?php echo $row_rsNews['ID']; ?>"><?php echo $row_rsNews['title']; ?></a></li>
- Klik Insert > Data Objects > Repeat Region
- Recordset: rsNews
- Show: 10
- Klik OK
- Simpan kembali hasil pekerjaan Anda. Hal ini akan menghasilkan seperti gambar berikut.
Menampilkan daftar berita detail
Buka kembali halaman index.php. Melalui Design View, hapus pada konten berita yang ada dan sisakan satu listing saja, sehingga terlihat seperti ini.
Sehingga yang tersisa hanya judul dan teks berikut ini:
Langkah selanjutnya adalah membuat query/recordset (rsDetail) untuk menampilkan detail berita, langkah-langkahnya adalah sebagai berikut:
- Klik Insert > Data Objects > Recordset
- Name: rsDetail
- Connection: cms_blog
- Table: post
- Columns: All
- Filter:, biarkan sesuai default.
- Sort: ID, lalu ubah Ascending menjadi Descending.
- Klik OK.
- Simpan pekerjaan Anda.
Menampilkan data berita
Anda telah berhasil membuat Recordset (rsDetail). Lihat di tab menu Bindings, lalu klik icon plus untuk melakukan expand kolom tabel post Anda.
Menampilkan judul berita dan link dinamisnya:
Melalui mode Code View, cari kode di bawah ini:
<h2><a href="#">Halaman Websitenya Andoyo</a></h2>
Lalu lakukan perubahan menjadi:
<h2><a href="news.php?view=<?php echo $row_rsDetail['ID']; ?>"><?php echo $row_rsDetail['title']; ?></a></h2>
Menampilkan isi berita:
Untuk menampilkan isi berita Anda dapat menggunakan mode Code View atau mode Design View, dalam contoh ini akan digunakan mode Design View.
- Seleksi tulisan di area isi berita (lihat gambar)
- Melalui panel/tab Bindings, klik kolom/field content lalu drag menuju tulisan yang telah Anda seleksi. Lihat gambar di atas untuk melihat hasil akhirnya.
- Simpan kembali hasil pekerjaan Anda.
Looping/perulangan berita
Langkah selanjutnya adalah melakukan looping terhadap judul dan content berita dari tabel post. Anda akan mengerjakananya melalui mode Code View. Cari kode di bawah ini:
<h2><a href=”news.php?view=<?php echo $row_rsDetail[‘ID’]; ?>”><?php echo $row_rsDetail[‘title’]; ?></a></h2>
<p><?php echo $row_rsDetail[‘content’]; ?></p>
Seleksi kode tersebut di atas, lalu:
- Klik Insert > Data Objects
- Klik Insert > Data Objects > Repeat Region
- Recordset: rsDetail
- Show: 5
- Klik OK
- Simpan kembali hasil pekerjaan Anda.
Anda telah selesai menampilkan daftar listing berita dan daftar berita terbaru.
thank;s mas… udah tahap akhirnieh…mantap…
Terimakasih. Semoga membantu…
bang beritanya tu gimana kok , ke news.php –> balik lagi ke awal sebelum di edit tu gimana bang
ke news.php yang ada difolder utama, bukan yang di dalam folder admin.
mas, yang repeat region detail nya ga bisa di eksekusi, dikarenakan udah ada repeat region sebelum nya yang news. yang saya begitu mas. knp ya?
Repeat Region dalam Dreamweaver hanya dapat digunakan sekali dalam Dreamweaver. Kalo mau dipke dua kali harus melakukan modifikasi dalam Recordset. Hapus dulu Repeat region-nya (Bisa dilihat melalui tab Server Behaviors) baru bikin yang baru.
ga jadi mas bisa. salah liat recordset aduh jadi malu hahaha
Oke… Sip, bisa juga akhirnya.
kak itu harus koneksi kan ke databese dulu g? lo mo buat yang dinamais,yang bisa diatur m admin..
Betul sekali. Buat Site Definition lalu koneksi database
mas, mau nanya lagi, kalau mau menampilkan Tanggal Posting dan Pembuat postingan gmn ya?
pake timestamper ato gmn? trims
Tinggal cetak aja dengan echo $row_rsDetail[‘updated’];
Mas mau nanya. kan itu tampil di index.php kan lebih dari satu berita.
nah jika kita clik title berita nya, kan langsung menuju news.php yang di folder utama.
tp news.php kan belom di apa-apain mas, gimana caranya biar bisa tampil 1 berita aja dari yang kita click di index.php ke news.php?
apa harus pake spry set ya?
soalnya saya coba pake recodset dan binding, yang tampil itu-itu saja, gak sesuai dengan yang kita click.
terus spryset nya, ane gak tahu gimana buat nampilin berita tanpa text area.
mohon info nya yak, makasih.
Problem Solved.
ternyata ane salah ngasih nama filter di news.php.
dimana seharusnya, nama filter di news.php harus sama dengan nama parameter di index.php.
dan untuk sort, ane pake ID,Descending.
thx. semoga membantu.
mas, saya mau tanya, yang mas maksud nama filter di news.php harus sama dengan parameter index.php gimana ya mas?
di rsDetail?
soalnya ketika saya menambahkan filter & parameter di rsDetail, si data malah g tampil pas di running.
dan permasalahan saya skrg, si news.php cuma bisa nampilin 1 data terbaru, bukan data yang saya panggil.
bagi siapapun, saya minta tolong sebesar2nya untuk permasalahan tsb. trims.
Silakan pelajari tentang Filter Recordset pada topik EDIT BERITA (Yang dihalaman Admin).
Konsepnya tidak berbeda jauh dalam menampilkan setiap record/detail masing2 berita.
Mas, mau nanya dong.
Gimana caranya biar posting yang tampil di index.php hanya sepotong saja.
jika mau baca selanjutnya ada link Read More…
gimana ya? tlong info nya ya, makasih.
Ada banyak trik yang bisa digunakan. Nanti akan dijelaskan lebih lanjut di part 10. Sabar yaah
mas, mau nanya lagi untuk cara membuat tampilan berita ditampilkan hanya 250 huruf dan ada “readmorenya” lalu ketika di klik langsung menuju ke detail-news misal.
bagaimana mas kira2?
gini mas maksud saya, ketika saya mengklik title, langsung nge direct ke news.php, nah setelah itu title yang saya klik tampil sesuai dengan nomor ID nya. gmn ya mas? trims selalu membantu
sama seperti yang di komen sama Joko mas.
coba aj, semoga bisa ngebantu..
tp ane jg pengen nanyain biar bisa nampilin berita di index.php hanya 250 huruf, terus di sambung dengan link readmore gmn ya?
Terimakasih sudah membantu…
Sabar yahh… Ntar ada tutorialnya…
bang kan klo read news.php? itukan ngarah ke beritanyakan
tapi kok malah gk bisa di read itu gimana malah balik ke file index yang seelum di edit
Tes.. (“.)
Mw absen doank pak.. hehehe.. >,<
alhamdulillah ketemu juga referensi buat tgs akhir kuliah ane…. MAKASIHHHH BANYAK javawebmedia … THAT JUST MORE THAN SOLUTION…. very best….. let go to the work…..
Terimakasih, semoga bermanfaat..
gan saya banyak berterimakasih ma agan…
dah banyak bagi-bagi tutorial…
mari kita terus berkarya untuk negeri ini… nggak lebay kan????
Terimakasih juga mas. Senang tutorialnya bisa memberi manfaat…
Mas mo tanya. Cara buat form inputan dan nampilin data inputannya pada halaman yang sama gimana ya… biar low browsernya di click refresh datanya ga ke input lagi ke database
Sepertinya terjadi kesalahan dalam proses pembuatannya.. Silakan diperiksa ulang langkah2nya. Kalau tidak banding dengan script yang sudah jadi (bisa didownload pada Part 10)…
terimakasih mas sangat membantu ni,,,
Senang bisa memberi manfaat…
mas,
link untuk download part8 (Mendownload Source Code Part 8. Silakan di download di link ini.) tidak ketemui.. bagaimana ye.. mohon pertolongan dapatkan link tersebut.
Mas, klo masuk ke /admin kan harus melalu login.php ya? bagaimana caranya itu? agar orang tidak langsung masuk ke panel halaman admin
nampilin gambar aja ga bisa gini pake buka kursus sgala
mas, mau nanya
gimana klau menampilkan list berita berdasarkan kategory
mohon pencerahan