Pages

  • Home
  • Daftar Artikel

Membuat Title Page Dinamis dari Database MySQL

Untuk mencontohkan membuat "Title Page" dari Database MySQL dengan CodeCharge Studio ini, kita memerlukan halaman khusus yang menampilkan hanya satu entri saja. Sebelumnya kita telah membuat tabel daftar kisah di homepage, (lihat Menggunakan Grid Builder untuk Tabel di Homepage). Di tabel tersebut kita telah memiliki Judul Kisah berbentuk Text Link yang mengarahkan ke halaman kisah detil, yakni halaman yang memuat detil kisah.

Menggunakan Grid Builder untuk Tabel di Homepage

Saat ini ccs project kita sudah memiliki halaman-halaman seperti terlihat pada gambar.
Project Explorer CodeCharge Studio
Halaman pendukung lainnya, seperti common.php, class dan lain-lain akan tercipta otomatis oleh software CodeCharge Studio. Kita tidak perlu bersusah payah membuatnya.
Hanya nanti jika kita akan mengupload pada server hosting, file common.php perlu sedikit diedit untuk penyesuaian nama database, user dan passwordnya.

Kembali ke proyek web contoh kita.
Halaman homepage/index baru memiliki form login saja. Jadi kita akan menempatkan daftar kisah terbaru di bawah form login dan sebuah kisah teranyar disampingnya.

Membuat Tabel Kisah di halaman depan

Seperti biasa kita akan menggunakan Grid Builder. Pada build query, tambahkan tabel kisah, tabel profil dan tabel profil as penulis.
atur relasi tabel-tabel tersebut seperti gambar di bawah ini
sortby idkisah Desc
Where tampil = 1 (Ini akan memfilter data yang muncul hanya yang sudah di oke kan oleh penulisnya).
Type Expression

HTML Text Area dengan TinyMCE

Sebelum mulai, lihat gambar ini
text area dengan tinyMCE

Saat membuat form menggunakan codecharge studio, default isi dari textarea  hanya teks. Kita tidak dapat mengisikan kode html.

Contoh berikut ini kita akan membuat textarea dalam form menjadi isian html. Pastinya akan lebih baik.

Codecharge studio versi 4 yang saya gunakan memiliki tool untuk membuat form seperti ini. Hanya saja editor yang digunakan adalah FCKeditor. CCS akan otomatis menambahkan script di halaman yang kita akan pasang textarea. Tetapi, kita tetap harus mendownload fckeditor dari webnya dan mengupload sendiri.