Hallo teman-teman balik lagi di artikel tutorial website Dumet School, pada kesempatan kali ini saya akan membahas tentang Cara Membuat Halaman Detail Menggunakan Codeigniter, membuat halaman detail pada portal berita atau artikel-artikel, pada pembahasan kali ini kita akan menggunakan framework dari codeigniter, codeigniter itu cukup luas juga yah, dan banyak komunitasnya di Indonesia, cukup luar biasa juga penggunaan dari framework ini, oke langsung saja kita praktekan yah, pastika teman teman sudah mendowload file codeigniternya, lalu coba ikuti langkah berikut,:
- Buat file controller dengan nama Tampil.php
Lalu masukkan script ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<?php defined('BASEPATH') OR exit('No direct script access allowed'); class Tampil extends CI_Controller { public function __construct(){ parent::__construct(); $this->load->model('tampil_m'); } public function index(){ $data['proses'] = $this->tampil_m->proses_tampil(); $data['content'] = "page/index"; $this->load->view('layout', $data); } public function detail($id){ $this->load->model('tampil_m'); $detail = $this->tampil_m->get_detail($id); $data['detail'] = $detail; $this->load->view('page/detail', $data); } } |
- Lalu buat model di folder model dengan nama Tampil_m lalu masukkan scriptnya dibawah sini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<?php defined('BASEPATH') OR exit('No direct script access allowed'); class Tampil_m extends CI_Model { public function proses_tampil(){ $sql = $this->db->get('ismet_post'); return $sql; } public function get_detail($id = NULL){ $query = $this->db->get_where('ismet_post', array('slug' => $id))->row(); return $query; } } |
Lalu buat folder didalam file view dengan nama page dan buat file index.php dan detail.php lalu masukkan script ini :
index.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<div class="container"> <div class="row" style="margin-top: 30px"> <?php foreach ($proses->result() as $item): ?> <div class="col-md-4" style="margin-top: 30px"> <div class="card" style="width: 20rem;"> <a href="<?php echo site_url('tampil/detail/').$item->slug ?>"><img class="card-img-top" src="https://www.wearedevelopers.com/wp-content/uploads/2016/01/smart-database-driven-routing-in-codeigniter.jpg" alt="Card image cap"></a> <div class="card-body"> <a href="<?php echo site_url('tampil/detail/').$item->slug ?>"><h4 class="card-title"><?php echo $item->title ?></h4></a> <p class="card-text"><?php echo $item->description ?></p> <p class="card-text"><?php echo $item->date_time ?></p> <a href="<?php echo site_url('tampil/detail/').$item->slug ?>" class="btn btn-primary">Go somewhere</a> </div> </div> </div> <?php endforeach; ?> </div> </div> |
detail.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<?php $this->load->view('component/header'); $this->load->view('component/menu_nav'); ?> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="jumbotron"> <img src="https://www.wearedevelopers.com/wp-content/uploads/2016/01/smart-database-driven-routing-in-codeigniter.jpg" alt="<?php echo $detail->title ?>" style="width: 100%"> <h1 class="display-3"><?php echo $detail->title ?></h1> <hr class="my-4"> <p class="lead"><?php echo $detail->description ?></p> </div> </div> </div> </div> |
Jika sudah save dan jalankan dibrowsernya, localhost/namafolder/index.php/tampil cukup mudah bukan? Sekian tutorial tentang Cara Membuat Halaman Detail Menggunakan Codeigniter, sampai bertemu diartikel selanjutnya dan sampai jumpa .
#KeepLearn
#IsmetMA