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.
Cara mudah membuat website dinamis dengan CodeCharge Studio (Dengan Contoh Kasus)
Home » All posts
Menggunakan Grid Builder untuk Tabel di Homepage
Saat ini ccs project kita sudah memiliki halaman-halaman seperti terlihat pada gambar.
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.
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
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
Label:
Grid Builder,
Query Builder,
Tabel Grid
HTML Text Area dengan TinyMCE
Sebelum mulai, lihat gambar ini
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.
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.
Label:
Membuat Form,
Text Area,
tinyMCE
Subscribe to:
Posts (Atom)

