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.




Buat halaman baru dengan nama detil_kisah.
Pada halaman ini, menggunakan Grid Builder buatlah tabel yang hanya memuat satu entri saja (gunakan Frid Builder). Kawan bisa berkreasi membentuk layout detil kisah ini. Sebagai contoh saja saya menampilkannya sbb:
Tabel menggunakan Grid Builder CCS
Aturlah properti tanggal.
Pada query builder, gunakan tabel profil as penulis, profil as teman dan tabel kisah.
dengan kondisi WHERE
kisah.idkisah=idkisah
kisah.tampil (int) = expression 1, 
default Null
Sort by idkisah (dec)
Dengan pengaturan kondisi WHERE seperti di atas maka jika halaman ini di load dengan parameter idkisah=123 maka akan memunculkan hanya kisah dengan idkisah=123. Jika halaman ini di load tanpa parameter maka akan memunculkan kisah terakhir.

Aturlah properti tekscerita dengan  Content=HTML. Seperti pada gambar.
Setting Teks Content sebagai HTML

Nah. setelah tabel selesai, kita tentunya ingin agar halaman ini memiliki judul (title page) yang sama dengan judul entri.

Cara membuat title page sesuai judul entri

Logikanya, kita harus membuat teks dari database diantara tag <title> dan </title) pada head halaman . Untuk ini kita tidak dapat mengerjakannya di mode Design. Kita HARUS menggunakan mode HTML.
title tag

Lihat gambar. kita akan menempatkan judul kisah diantara <title> dan </title>.



Letakkan kursor diantara <title> dan </title>
Kita menggunakan Toolbox, Forms, Grid.

Pada Grid  Form, atur seperti gbr.


Setelah Add Grid Form di atur dan klik OK, maka kita akan meletakkan teks judul dari database diantara
<title>
<!-- BEGIN Grid title -->{judulkisah}<!-- END Grid title -->
</title>

tabel yang digunakan hanya 1 saja yaitu tabel kisah. Pengaturan mirip dengan tabel di atas
dengan kondisi WHERE
idkisah=idkisah
tampil (int) = expression 1, 
default Null
Sort by idkisah (dec)

Selesai. Berikutnya kita akan atur tekslink judul kisah di index ke halaman detil kisah ini.

No comments:

Post a Comment