dasar-dasar codeigniter dengan codeigniter 2.0.2 bagian III (connect database)

Kali ini saya belajar bagaimana caranya connecting database di codeigniter dan menampilkan isi table database. Dan seperti biasanya karena saya juga sedang  belajar jika ada kesalahan mohon di koreksi ya… J.

Yu ach kita mulai… o iya, tampilan dan source code merupakan pembaharuan dari source code artikel saya sebelumnya yach…

Sebelum lanjut ke bagian codeigniter , kita persiapkan terlebih dahulu database dan table yang akan kita gunakan , silakan create table berikut pada database.

Database name dbci202

CREATE TABLE IF NOT EXISTS `data_brg` (

  `artikel` int(10) NOT NULL AUTO_INCREMENT,

  `deskripsi` varchar(15) NOT NULL,

  `harga` text NOT NULL,

  PRIMARY KEY (`artikel`)

)

insert into data_brg(artikel,deskripsi,harga)

values('100230110','Mie Rebus Goreng','1250'),

('101430110','Minuman Ringan','2250'),

('103230120','Minyak Goreng','5000'),

('150270110','Permen Coklat','7900'),

('100239110','Kopi Hideung','3400'),

('100230612','Susu Cap Nyai','1500'),

('100230114','Abon Dengdeng','12000'),

('103240110','Biskuit Kering','15000'),

('101430210','Cabe Kriting Garing','500'),

('103230150','Pisau Tumpul','6000'),

('150270115','Paket Coet Lotek','25000');

Sebelum melangkah ke MVC mari kita set config/config.php, config/autoload.php, dan config/database.php.

config/config.php

$config['base_url']= 'http://localhost/webci202/';

config/autoload.php

$autoload['libraries'] = array('database','form_validation');

$autoload['helper'] = array('url','form');

config/database.php

$db['default']['hostname'] = 'localhost';

$db['default']['username'] = 'root'; //user mysql kalian

$db['default']['password'] = ''; //password mysql kalian

$db['default']['database'] = 'dbci202'; //nama database kalian

$db['default']['dbdriver'] = 'mysql';

Untuk controller kita buka kembali c_pages.php, disini saya sisipkan:

    function __construct(){

        parent::__construct();

        $this->load->model('Mappconfig');

    }

Dan pada function index ada pembaharuan menjadi :

function index () {

       $this ->load->helper("form");

       $this ->load->helper("url");

       $this ->load->helper("html");

       $data['query'] = $this->Mappconfig->getAll();

       $this->load->view("v_default",$data);

}

Selanjutnya untuk model dengan kode sbb dan simpan dengan nama mappconfig.php:

<?

class Mappconfig extends CI_model {

        function __construct(){

        parent::__construct();

    }

    function getAll(){

  $this->db->select('artikel,harga,deskripsi');

                 $this->db->from('data_brg');

                 $this->db->limit(11);

                 $this->db->order_by('artikel','ASC');

                 $query = $this->db->get();

                return $query->result();

    }

}

?>

Dan untuk tampilan buka file v_content.php ada pembaharuan pada file tersebut , saya sisipkan  kode berikut:

<?php

  if (isset($query) && count($query) > 0){

?>

 <h1>Data Barang </h1>

 <table width="400" border="1">

   <tr>

    <th>No</th>

    <th>Artikel</th>

    <th>Harga</th>

    <th>Deskripsi</th>

   </tr>

<?php

 $i=0;

  foreach ($query as $row){

    $i++;

    echo "<tr class=\"record\">";

    echo    "<td>$i</td>";

    echo    "<td>$row->artikel</td>";

    echo    "<td>$row->harga</td>";

    echo    "<td>$row->deskripsi</td>";

    echo  "</tr>";

  }

 ?>

</table>

<?php

    }

?>                                          

sehingga secara keseluruhan menjadi:

<!-- start content -->

                <div id="content">

                                <div class="post">

                                                <div class="title">

                                                                <h2><a href="#">About this Template</a></h2>

                                                                <p><small>Posted on August 15, 2011 by <a href="#">Latihan menggunakan CSS</a></small></p>

                                                </div>

                                                <div class="entry">

                                                                <p><img src="../../public/images/banjir.jpg" alt="" width="112" height="112" class="left" />Ieu teh template anu temana <strong>Tingalieun Peuting</strong>, anu ngagunakeun script CSS Gratisan ku <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. anu di rilis ku <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5</a> license, mangga ah geura cobian hatur lumayan kanggo latihan :)</p>

                                                                <p>templet ieu tiasa di tingali di <a href="http://www.freewpthemes.net/preview/level2/">WordPress theme</a> at <a href="http://www.freewpthemes.net/">Free WordPress Themes</a>.</p>

                                                </div>

                                                <p class="links"> <a href="#" class="more">Read More</a> &nbsp;&nbsp;&nbsp; <a href="#" class="comments">No Comments</a> </p>

 </div>

<div class="post">

<?php

  if (isset($query) && count($query) > 0){

?>

 <h1>Data Barang </h1>

 <table width="400" border="1">

   <tr>

    <th>No</th>

    <th>Artikel</th>

    <th>Harga</th>

    <th>Deskripsi</th>

   </tr>

<?php

 $i=0;

  foreach ($query as $row){

    $i++;

    echo "<tr class=\"record\">";

    echo    "<td>$i</td>";

    echo    "<td>$row->artikel</td>";

    echo    "<td>$row->harga</td>";

    echo    "<td>$row->deskripsi</td>";

    echo  "</tr>";

  }

 ?>

</table>

<?php

    }

?>                                          

</p>

    </div>

 </div>

<!-- end content -->

dan finally jika berhasil maka ketika kita run Aplikasi di http://localhost/webci202/index.php/c_pages/

akan tampil table dari data_brg seperti gambar di bawah.

 moga bermanfaat aminnnnnnnn