Membuat CMS PHP MySQL Menggunakan Dreamweaver CS4 (Part 5) ~ Zona IT

trit sebelumnya :

Membuat CMS PHP MySQL Menggunakan Dreamweaver CS4 (Part 1)
Membuat CMS PHP MySQL Menggunakan Dreamweaver CS4 (Part 2)
Membuat CMS PHP MySQL Menggunakan Dreamweaver CS4 (Part 3)
Membuat CMS PHP MySQL Menggunakan Dreamweaver CS4 (Part 4)

Membuat Form tambah berita (add-news.php)
ini nih fitur dasar cms kita, yaitu bs tambah berita. gmana bkinnya ? yaudah nyok kita buat.
1. Buka file add-news.php
2. Klik Insert > Form > Form
3. Klik Insert > Spry > Spry Validation Text Field. Spry berfungsi untuk validasi input. Pop up Input Tag akan keluar.

Quote:ID: title
Label: Judul berita:

Klik OK. Form text field akan muncul di Design View. Letakkan kursor setelah text field tersebut lalu tekan ENTER.
4. Klik Insert > Spry > Spry Validation Select. pop up Input Tag akan keluar.

Quote:ID: category
Label: Kategori berita

Klik OK. Form select akan keluar. Letakkan kursor setelah form select tersebut lalu tekan ENTER
5. Klik Insert > Spry > Spry Validation Text Area

Quote:ID: content
Label: Isi berita:

Klik OK untuk menyelesaikannya. Form text area akan muncul, letakkan kursor sesudahnya lalu tekan ENTER.
6. Klik Insert > Form > Button
7. ID: submit ==> Label tidak perlu diisi > klik OK
8. copy tombol td trus paste disampingnya
9. trus melalui panel Properties ubah jadi Reset Form
10. klik form input title yang dibuat td, lalu melalui panel Properties, ubah Char width: 50. Ini untuk memperlebar ukuran text field yang telah dibuat (secara default Dreamweaver tidak mendefinisikan lebar karakter textfield, jadi kira-kira hanya 30 karakter).
11. Lakukin hal yang sama pada form input content. Ubah Char width: 60 (semula 45) dan Num lines: 10 (semula 5)
12. Letakkan kursor di samping tombol Reset
13. Simpan file add-news.php. Jika Ada pertanyaan Copy Dependent File? Klik OK aja.

Membuat kategori berita menjadi dinamis

SPOILER HIDE

Langkah selanjutnya adalah bagaimana membuat form select pd category menjadi dinamis sesuai dengan isi database tabel category. Berikut adalah langkah-langkahnya:
Membuat Recordset kategori berita
1. Klik Insert > Data Objects > Recordset

Quote:Name: rsCategory (ubahlah defaultnya yang semula Recordset1 menjadi rsCategory)
Connection: koneksi
Table: category
Columns: All
Filter: None
Sort: category, Ascending
SPOILER HIDE
.

2. klik OK > trus simpan
3. Langkah selanjutnya adalah mengaplikasikan recordset (rsCategory) yang telah kita buat tadi ke form input select tadi. Berikut adalah langkah-langkahnya:
4. Melalui Design View seleksi form input select yang telah kita buat td, maka panel Properties akan memunculkan menu List Values dan Dynamic (dengan gambar petir)
5. Klik Dynamic (dengan tanda petir). Pop up Dynamic List/Menu akan keluar.

SPOILER HIDE

6. Pada menu Static Options: klik tanda plus (+). Jendela Static option akan muncul tulisan Value dan Label.
7. Klik pada tulisan Value tersebut lalu hapus. Pada tulisan Label ubah menjadi "Pilih kategori…"

SPOILER HIDE

8. Lalu pada menu Option from recordset: rsCategory (klik drop down menu untuk memilihnya). Menu Values dan Labels akan berubah.
9. Pada menu Values: category
10. Pada menu Labels: category
11. klik OK > trus simpan

Mengaktifkan form tambah berita (add-news.php)
1. Buka kembali file add-news.php
2. Klik Insert > Data Objects > Insert Record > Insert Record. pop up Insert Record akan keluar.

Quote:Submit values from: form1
Connection: koneksi
Insert table: post
Columns: pastikan title, category dan content mendapatkan value, selain itu tidak.
After inserting, go to:index.php
SPOILER HIDE
.