Heii bro n sista,
Emm.. mau ngucapin selamat menjalankan ibadah puasa ramadhan dulu ah.. bagi yng menjalankan. Smoga lancar dn semua ibadah kita di terima Allah. amiin 
Okey.. kali ini aku akan lanjutin tutorial web sekolahnya tentang bagaimana menampilkan ‘Posts’ di halaman depan (front page).
Let’s Go !!
Sebelumnya kita telah mempunya controller ‘Pages’ utk bagian front yg tersimpan pada controllers/pages.php dan di dalamnya terdapat fungsi home(), nah kita akan memodifikasi fungsi ini agar bisa menampilkan ‘Posts’ di halaman depan. Okey, ubah controller ‘Pages’ (controller/pages.php) menjadi seperti berikut (di replace aja code seblumnya):
<?php
class Pages extends CI_Controller {
var $template = 'template';
function __construct() {
parent::__construct();
$this->load->model('Posts_model');
}
function home() {
$data['posts'] = $this->Posts_model->findActive(5);
$data['page'] = 'pages/home';
$this->load->view($this->template, $data);
}
}
?>
Selanjutnya modifikasi juga view ‘home’ yang ada di views/pages/home.php menjadi seperti berikut:
<div><img src="<?php echo base_url(); ?>public/images/img06.jpg" alt="" width="510" height="250" /></div>
<?php if (!empty($posts)): ?>
<?php foreach ($posts as $post): ?>
<div>
<h1><a href="<?php echo site_url('posts/detail/' . $post['permalink']); ?>"><?php echo $post['title'] ?></a></h1>
<p><small><?php echo $post['created']; ?> by <a href="#"><?php echo $post['username']; ?></a></small></p>
<div>
<?php if (!empty($post['image'])): ?>
<img src="<?php echo base_url() . $post['image'] ?>" width="510" height="250"/>
<?php endif; ?>
<?php echo word_limiter($post['body'], 30); ?><br/>
<?php echo anchor('posts/detail/' . $post['permalink'], 'baca selengkapnya..'); ?>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>
Oh iya.. di view di atas dipanggil fungsi word_limiter yang ada pada helper “text” utk membatasi jumlah kata. Utk menggunakan itu kita harus mengaktifkan helpernya, bisa di panggil di autoload (config/autoload.php) dgn baris berikut:
$autoload['helper'] = array('url','form','tinymce','text');
Sampe di sini klo skrg kita akses localhost/sekolahku maka akan ditampilkan ‘Posts’ di halaman depan.
Selanjutnya adalah kita akan membuat tampilan detail dari artikel / posts tersebut kita di klik linknya. Maka pertama kita akan membuat controller Posts dan simpen padacontrollers/posts.php kemudian ketikan kode berikut ini:
<?php
class Posts extends CI_Controller {
var $template = 'template';
function __construct() {
parent::__construct();
$this->load->model('Posts_model');
}
function detail($permalink = null) {
if ($permalink == null) {
redirect('pages/home');
}
$data['post'] = $this->Posts_model->findByPermalink($permalink);
$data['page'] = 'posts/detail';
$this->load->view($this->template, $data);
}
}
?>
Kemudian terakhir kita buat view ‘detail’ dan simpan pada views/posts/detail.php dan ketikan kode program seperti berikut:
<?php if (!empty($post)): ?> <div> <h1><?php echo $post['title'] ?></h1> <p><small><?php echo $post['created']; ?></small></p> <div> <?php if (!empty($post['image'])): ?> <img src="<?php echo base_url() . $post['image'] ?>" width="510" height="250"/> <?php endif; ?> <?php echo $post['body'] ?><br/> </div> </div> <?php endif; ?>
Selesaaiiii… selamat mencoba
DOWNLOAD FULL SOURCE CODE | ONLINE DEMO
Recent Comments