Membuat Website Dengan CodeIgniter : Membuat Halaman Readmore
Artikel sebelumnya :
Setelah sebelumnya mempelajari tentang cara menampilkan data dari database, selanjutnya adalah membuat halaman untuk readmore dari setiap artikel yang ditampilkan, karena disini posisinya artikel masih belum ngelink ketika di klik. Selain itu data artikel dari database yang ditampilkan masih perlu ditata, maksudnya karena data artikel yang ditampilkan terutama bagian isi artikelnya itu tidak seragam, ada paragraf yang panjang dan ada yang pendek, oleh karena itu perlu dibuat sebuah halaman readmore
Proses pertamanya adalah mengatur jumlah kata pada setiap isi artikel yang diload dari database seragam, selanjutnya ketika artikel di klik maka akan otomatis melakukan link ke halaman artikelnya.
#TAHAP PERTAMA : Membuat Controller Untuk Readmore
Proses pertamanya adalah mengatur jumlah kata pada setiap isi artikel yang diload dari database seragam, selanjutnya ketika artikel di klik maka akan otomatis melakukan link ke halaman artikelnya.
#TAHAP PERTAMA : Membuat Controller Untuk Readmore
Buka file controller home.php kemudian nanti tambahkan script berikut
public function readmore(){
$id= $this->uri->segment(3);
$data ['artikel']= $this->x_artikel->GetArtikelId($id);
$this->template->load('index','readmore',$data);
}
Disana fungsinya untuk mendapatkan id dari setiap artikel, untuk halaman indexnya masih tetap diload, karena disana merupakan untuk tampilan websitenya, selanjutnya home dirubah jadi readmore, jadi home nanti di load untuk menampilkan data sebelum di readmore, sedangkan ketika di read, maka otomatis akan diarahkan ke /readmore/idartikel
#TAHAP KEDUA : Membuat Fungsi Untuk Mendapatkan Id Artikel
#TAHAP KEDUA : Membuat Fungsi Untuk Mendapatkan Id Artikel
Selanjutnya buka file x_artikel.php pada folder models dan kemudian membuat function untuk query ke tabel artikel dan mendapatkan id artikel. Buat fungsi seperti dibawah ini
public function GetArtikelId($id){
$id= $this->db->select('*')
->from('artikel')
->where('id',$id)
->get();
return $id;
}
#TAHAP KETIGA : Mengatur Jumlah Kata Yang Ditampilkan
Pada tutorial sebelumnya kita sudah belajar menampilkan data dari tabel artikel, hanya saja data tampil seluruhnya kemudian tidak bisa ngelink secara otomatis ke halaman yang dituju. Disini supaya sebelum di readmore, isi artikelnya tampil secara seragam, maka kita perlu mengatur jumlah kata yang ditampilkannya.
Buka file home.php yang berada di views, nanti rubah isi kodenya kemudian tambahkan fungsi substr sehingga data yang ditampilkan jumlah katanya bisa diatur sesuai keinginan, dimana terlihat bahwa jumlah kata yang di tampilkan pada isi artikel ada 200 huruf
<h3 class="post-subtitle">
<?php
$artikel=$key->isi;
$cut=substr($artikel,0,200);
echo $cut;
?>
</h3>
Buka file home.php yang berada di views, nanti rubah isi kodenya kemudian tambahkan fungsi substr sehingga data yang ditampilkan jumlah katanya bisa diatur sesuai keinginan, dimana terlihat bahwa jumlah kata yang di tampilkan pada isi artikel ada 200 huruf
<h3 class="post-subtitle">
<?php
$artikel=$key->isi;
$cut=substr($artikel,0,200);
echo $cut;
?>
</h3>
Jangan lupa juga supaya pada saat artikel di klik menuju ke halaman readmore maka Anda perlu mengarahkannya dengan menggunakan perintah berikut <a href="<?php echo base_url('index.php/home/readmore/'.$key->id)?>"> sehingga nanti mengarah ke readmore dan ke id artikel yang dibaca. Kurang lebih scriptnya seperti yang terlihat pada gambar dibawah ini
#TAHAP KEEMPAT : Membuat Halaman Readmore
Pada tahap ketiga kita membuat jumlah kata yang ditampilkan pada isi artikel yang ditampilkan di home sama, kemudian pada saat di klik akan mengarah ke halaman readmore. Pada tahap ketiga sudah diarahkan supaya masuk ke halaman readmore, maka pada tahap selanjutnya kita perlu membuat halaman readmorenya pada folder views.
Copy saja dari file home.php yang terdapat di views, tapi nanti rubah bagian
<?php
$artikel=$key->isi;
$cut=substr($artikel,0,200);
echo $cut;
?>
Menjadi seperti iniecho $key->isi;
#TAHAP KEEMPAT : Membuat Halaman Readmore
Pada tahap ketiga kita membuat jumlah kata yang ditampilkan pada isi artikel yang ditampilkan di home sama, kemudian pada saat di klik akan mengarah ke halaman readmore. Pada tahap ketiga sudah diarahkan supaya masuk ke halaman readmore, maka pada tahap selanjutnya kita perlu membuat halaman readmorenya pada folder views.
Copy saja dari file home.php yang terdapat di views, tapi nanti rubah bagian
<?php
$artikel=$key->isi;
$cut=substr($artikel,0,200);
echo $cut;
?>
Menjadi seperti iniecho $key->isi;
Simpan dan beri nama readmore.php, Kemudian silahkan selanjutnya Anda akses halaman website Anda, kemudian Anda coba klik salah satu artikel yang ada di halaman depan website, maka bila berhasil nanti kurang lebih akan terlihat seperti pada gambar dibawah ini
Nanti dapat dilihat bahwa URL halamannya akan mengarah ke /readmore/1 dimana angka satu merupakan id dari artikel yang terdapat dalam database. Jadi nanti buat fungsi di controllernya, kemudian atur fungsi untuk query nya pada folder model, potong jumlah kata yang ditampilkan di home.php dan di link kan ke halaman readmore.php
Ahmad Zaelani
Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple
terimakasih untuk sharing ilmunya yang sangat bermanfaat dan cukup membantu saya dalam tugas kuliah
ReplyDeletesama - sama mba..
Deleteuntuk mengurutkan berdasarkan tanggal bagaimana caranya terimakasih
ReplyDelete