Sebelum masuk ke tutorial Part 8 ini, Anda sebaiknya mempelajari seri 1-7 dari tutorial Membuat CMS PHP MySQL dengan Dreamweaver ini.
- 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)
- Mendownload Source Code Part 7. Silakan di download di link ini.
Pada Part 8 ini, Anda akan belajar untuk membuat:
- Menambah, mengedit dan menghapus kategori berita
- Menampilkan listing kategori berita
Membuat form tambah kategori
Untuk membuat form tambah kategori berita, berikut adalah langkah-langkahnya:
- Melalui Design View, seleksi tulisan “Form add category goes here”. Lalu hapus tulisan tersebut.
- Klik Insert > Form > Form
- Klik Insert > Spry > Spry Validation Textfield. Jendela Spry Validation Textfield akan keluar.
- Lalu isi data berikut ini, ID: category dan Label: Add new category:. Klik OK
- Letakkan kursor Anda di samping kolom textfield.
- Klik Insert > Form > Button. Masukkan ID: submit, lalu klik OK.
- Copy button Submit tersebut lalu paste di samping, ubah menjadi Reset form
- Klik Insert > Data Objects > Insert Record > Insert Record. Jendela Insert Record akan keluar
- Submit values from: form1
- Connection: cms_blog
- Insert table: category
- After inserting go to: category.php
- Klik OK
Mencegah masuknya kategori yang sama
Anda tentu tidak ingin kategori yang sama masuk ke dalam database, nah di sini, Anda harus melakukan pencegahan.
- Klik Insert > Data Objects > User Authentication > Check New Username
- Username field: category
- If already exist, go to: category.php
- Klik OK
- Simpan kembali file Anda
Menampilkan peringatan jika kategory yang sama sudah ada dalam database
Lalu ubah menjadi:
<td colspan=”2″ scope=”col”>
<?php if(isset($_GET[‘requsername’])) { ?>
<p style=”color:red”>Oopss…, kategori: <strong><?php echo $_GET[‘requsername’]; ?></strong> sudah tersimpan dalam database. Masukkan kategori yang berbeda.</p>
<?php } ?>
<form name=”form1″ method=”POST” action=”<?php echo $editFormAction; ?>”>Simpan kembali pekerjaan Anda.
Menampilkan data kategori yang terlah tersimpan dalam database
Anda harus membuat recordset terlebih dahulu untuk menampilkan data kategori berita. Berikut adalah langkah-langkahnya:
- Klik Insert > Data Objects > Recordset. Jendela Recordset akan keluar.
- Name: Recordset1
- Connection: cms_blog
- Table: category
- Sort: category, lalu pilih Ascending
- Klik OK
- Ubah lembar kerja Dreamweaver Anda menjadi Design View.
- Seleksi tulisan “Category name goes here”, lalu hapus tulisan tersebut.
- Klik Window > Binding. Di sana akan muncul Recordset (Recordset1) yang tadi Anda buat. Klik tanda plus (+) kecil yang ada pada recordset tersebut.
- Klik pada category (Yang di sampinganya ada tanda petir).
- Drag menuju tulisan yang baru saja Anda hapus tadi (lihat langkah ke 8)
- Simpan kembali file Anda.
Menambahkan link dinamis pada Edit dan Delete kategory.
- Seleksi tulisan Edit
- Lalu melalui panel Properties (Klik Window > Properties (pastikan bertanda checked)
- Pada menu Link, ketik category.php lalu klik icon Folder yang ada di sampingnya. Jendela Select File akan muncul.
- Di area bagian bawah, Anda akan lihat menu URL dan tombol Parameters… Klik tombol Parameters tersebut. Jendela Parameters.. akan muncul.
- Pada menu Name ketik edit, lalu pada menu Value, klik area putih sejajar dengan tulisan edit. Icon petir akan muncul. Klik Ikon Petir tersebut. Jendela Dynamic Data akan muncul.
- Pilih/klik field/kolom ID, lalu klik OK sebanyak 3 (tiga) kali.
- Lakukan hal yang sama untuk link Delete, hanya saja lakukan perubahan pada Name menjadi bernilai delete.
- Simpan kembali file Anda
Untuk menampilkan data semua kategori, kita akan melakukan looping. Ubah lembar kerja Anda menjadi Code View. Seleksi kode di bawah ini:
<tr>
<td width=”70%”><?php echo $row_Recordset1[‘category’]; ?></td>
<td width=”30%”><a href=”category.php?edit=<?php echo $row_Recordset1[‘ID’]; ?>”>Edit</a> | <a href=”category.php?delete=<?php echo $row_Recordset1[‘ID’]; ?>”>Delete</a></td>
</tr>
- Seleksi kode di atas.
- Klik Insert > Data Object > Repeat Region. Jendela Repeat Region akan keluar.
- Recordset: Recordset1
- Show: All records (Anda akan menampilkan semua data recordset1)
- Klik OK
- Simpan kembali pekerjaan Anda
Mengaktifkan link Edit dan Delete kategori
Anda akan mengaktifkan link edit dan delete kategori, berilkut adalah langkah untuk mengedit kategori yang sudah ada.
- Langkah pertama adalah dengan membuat recordset
- Klik Insert > Data Objects > Recordset. Jendela Recordset akan keluar.
- Name: rsEdit
- Connection: cms_blog
- Table: category
- Filter: ID, URL Parameter dan =
- Ubah tulisan ID menjadi edit
- Klik OK
- Melalui Design View, seleksi tulisan “Form edit category goes here”. Lalu hapus tulisan tersebut.
- Klik Insert > Form > Form
- Klik Insert > Spry > Spry Validation Textfield. Jendela Spry Validation Textfield akan keluar.
- Lalu isi data berikut ini, ID: category dan Label: Edit category:. Klik OK
- Untuk menampilkan data yang akan Anda edit, ubah lembar kerja Anda menjadi Code View, lalu cari kode berikut: <input type=”text” name=”category2″ id=”category2″>
- Lalu ubah menjadi: <input name=”category2″ type=”text” id=”category2″ value=”<?php echo $row_rsEdit[‘category’]; ?>”>
- Letakkan kursor Anda di samping kolom textfield.
- Klik Insert > Form > Hidden Field
- Ubah hiddenfield tersebut menjadi ID melalui panel Properties.
- Pada menu Value, klik icon petir. Lalu pilih fields ID yang ada dalam Recordset (rsEdit). Lalu klik OK.
- Klik Insert > Form > Button. Masukkan ID: submit, lalu klik OK.
- Copy button Submit tersebut lalu paste di samping, ubah menjadi Reset form
- PERINGATAN: DREAMWEAVER AKAN OTOMATIS MENGUBAH TEXTFIELD YANG SAMA (DALAM HAL INI category MENJADI category1)
- Simpan kembali hasil pekerjaan Anda.
Aktivasi form edit category
- Klik Insert > Data Objects > Update Record > Update Record. Jendela Update Record akan keluar.
- Submit values from: form2
- Connections: cms_blog
- Update table: category
- Columns:, di sana Anda akan menyadari bahwa hanya ID yang mendapatkan nilai (‘ID’ Select record using ‘FORM.ID’ as ‘INTEGER’, hanya saja yang category tidak mendapatkan value/nilai.
- Klik pada kolom “category”, lalu di bagian menu bawah Anda akan melihat menu Value: None, ubah nilai None tadi menjadi FORM.category2.
- After updating, goto: category.php
- Klik OK untuk menyelesaikan pekerjaan Anda
- Simpan kembali file Anda
- Klik Insert > Data Objects > Delete Record
- First check if variable is defined: Primary key
- Connection: cms_blog
- Table: category
- Primary key: ID, Numeric
- Primary key value: URL Parameter, ubah tulisan yang semula ID menjadi delete
- After deleting, go to: category.php
- Klik OK untuk menyelesaikannya.
- Simpan kembali pekerjaan Anda
- Jika Anda melakukan uji coba untuk menghapus data kategory, Anda akan mengalami page error.
if (isset($_SERVER[‘QUERY_STRING’])) {
$deleteGoTo .= (strpos($deleteGoTo, ‘?’)) ? “&” : “?”;
$deleteGoTo .= $_SERVER[‘QUERY_STRING’];
}
header(sprintf(“Location: %s”, $deleteGoTo));
}Hapus baris kode ke-172 sampai dengan 175, sehingga kode yang tersisa hanya seperti berikut:$deleteGoTo = “category.php”;
header(sprintf(“Location: %s”, $deleteGoTo));
}
mantabbb euyyy…
Wah wahh…tumben baru nongol mas… Hehe…
wah mantap puuoool,mulai dari g ngerti sampai sedikit ngerti terima kasih mass bro tak lanjutkan ngoprekkkkk.
Sama-sama. Semoga bermanfaat ya..
makasih atas ilmunya…..
Sama-sama… Hehe… Semoga manfaat.
mas mau nanya dong..
untuk form berita nya, gak seperti gambar yang mas tunjukin..
belom di bikin yah tutornya?
Hehe…belum, sabar yah. Konfigurasinya nanti di Part ke 9 atau 10.
heheh.. thx mas, dah mulai faham neh pake DW
by the way, kapan neh lanjutannya? :D
Hehe…belum sempat mas. Masih sibuk banget. Mudah-mudahan nanti pada ada waktu luang bisa dilanjut.
Maz br0.. Stelah part 8 selesai tahap selanjutnya apa?
Part 9 adalah bagian dimana Anda akan menampilkan berita.
Part 9 ada di mana? Minta linknya maz..
Maz minta latihan cms link part 9.. Tak cari-cari gak ada soalnya.
thx ya om…
tutornya sangat membantu..
:)
perlu di update terus..
Sama-sama. Semoga bermanfaat..
sbelumny trimakasih java web media.
q dh buat web cms dari tutor2nya.
q sekarang lg buat web toko online
tp masalahnya q gk tw cara bikin
skrip keranjangnya dan report hasil penjualan per tanggal.
mohon bantuanya web toko online ini saya buat untuk bahan TA.
Cukup panjang juga tutorialnya. Mudah2an bisa segera posting.
hihi om aku dah coba ikutin sampe sini pas coba.. mau edit category name tp data yang di sumbmit gak muncul om. malah gak ada text nya..tp yang delete bisa cuma kalo mau rubah nama category aja..kira- kenapa yah om?? tiap kali edit nama kategory nama kategorynya jadi kosong ..???
Sudah mengikuti langkah2 dengan benar apa belum? Sebenarnya cukup sederhana, untuk form edit Anda harus memanggil data yang akan diedit terlebih dahulu. Jika sudah bisa baru aktifkan form edit.
sama neh kasusnya kaya bro dadan, pas klik link edit di salah satu kategori gak terjadi perubahan apa2, lalu masukkan text di edit kategori. namun setelah di submit nama kategori yang tadi diklik link editnya jadi ilang.
Silakan cek pada value option nya. Sekilas dari gambar value yang ada pada input option tidak ada.
ane dapet problem yang sama gan.
udah ane udah klik value option, udah klik ok.
pas dijalanin, tetep gak jalan.
ane buka lagi, value option kosong lagi gan.
ka, maaf mau tanya kalau mau bikin laporan pertanggal, terus cari, itu di dreamweaver gimana yaa? saya bingung ini, soalnya saya newbie, makasih, ditunggu jawabannya :)
Sekilas pertanyaan Anda cukup sederhana, tapi cukup membingungkan. Sebenarnya Anda dapat menggunakan advance recordset. Katakanlah untuk tanggal 2012-06-05 dari database, maka Anda hanya tinggal menggunakan QUERY SQL:
SELECT * FROM your_table WHERE date_report = ‘2012-06-05’ ORDER BY id_report DESC
mau nanya donk .,kalau misalkkan kita mau menampilkan berita sesuai dengan category yang ada gmana caranya bang ?
kalau di index berita kan penampilannya secara keseluruhan tuh dari kategori yang ada ,nah yang saya mau tanya kan gimana cara menampilkanya sesuai dengan categori2 yang sudah kita tentukan …
misalnya kusus category komputer berarti beritanya komputer saja…
makasih sblumnya.
ass
mas ko screenshot gambarnya gada ya?
mohon perbaiki dong mas pnting banget untuk media belajar
insya allah ilmu mas bermanfa’at dunia akhirat
makasih bray sekarang ane jadi tau
kendala nya sama pas ane klik edit ga berfungsi, cuma klik delete yang berfungsi
blom ada pencerahannya dari adminnya, mungkin adminnya salah nulis tutorial step by stepnya namanya manusia gada yang smpurna
berharap ada pencerahan…
Mas link edit nya ko ga berubah ya? Cuma link delete doang yg berhasil
Aktivasi form edit category
Klik Insert > Data Objects > Update Record > Update Record. Jendela Update Record akan keluar.
Submit values from: form2
Connections: cms_blog
Update table: category
Columns:, di sana Anda akan menyadari bahwa hanya ID yang mendapatkan nilai (‘ID’ Select record using ‘FORM.ID’ as ‘INTEGER’, hanya saja yang category tidak mendapatkan value/nilai.
Klik pada kolom “category”, lalu di bagian menu bawah Anda akan melihat menu Value: None, ubah nilai None tadi menjadi FORM.category2.
After updating, goto: category.php
Klik OK untuk menyelesaikan pekerjaan Anda
Simpan kembali file Anda
Ketika saya ikuti diatas tulisan id not value gitu
Kemungkinan paling besar, Anda salah dalam membuat recordset rsEdit. Silakan check:
Filter: ID, URL Parameter dan =
Ubah tulisan ID menjadi edit
ini kenapa ketika saya update record
column ‘category’ is maped to a form element that does not exist. please map the column to an existing for a element or set its value to ‘none’
dan ketika saya set value to ‘ none’ sama aja.. kenapa ya kak? ada solusinya ga?
Mas mau tanya cara buat label khusus supaya kategori yg kita buat itu ketika repeat region sm isi konten yg muncul sesuai gimana ya caranya,, soalnya ketika saya repeat region kategori dan isi kontent malah kategori nya kebanyakan
Contoh saya membuat kategori komputer jd mau saya ketika mengisi konten ttg komputer label nya kategori
iya mas bagaimana caranya menampilkan berita sesuai dengan category yang ada itu gimana ya?
misalnya kusus category komputer berarti beritanya komputer saja…
please dong bagi ilmunya
Benar Mas. Setuju dengan yang diatas, Begitu kita klik Judul catagory misalnya “komputer”, berarti isinya kusus Posting yang di labelin / catagory kan komputer saja.
Mohon Banget pencerahannya Suhu…..