Wed Dec 2019 1 year ago

Menampilkan Data dari Database di CodeIgniter 3

Menampilkan Data dari Database di CodeIgniter 3

Menampilkan Data dari Database di CodeIgniter 3 - Sebelum membuat CRUD kita akan menampilkan data dari database di CodeIgniter 3. CRUD sangatlah penting dalam membuat atau membangun WEB projek aplikasi agar data yang ada bisa kita olah dengan sistem. Seperti pengolahan data untuk menambah, menghapus dan mengubah data. Untuk itu kita akan membuat atau menampilkan terlebih dahulu data dari database. Simak pembahasannya dibawah ini.

 

Cara Menampilkan Data Dari Database CodeIgniter 3

Yang pertama kita lakukan adalah dengan membuat database-nya. Sebagai contoh disini saya akan membuat database dengan nama medikre, silahkan anda buat dan sesuaikan nama database-nya. Agar lebih cepat silahkan copy/paste script database pada phpmyadmin masuk ke database anda dan execute script dibawah ini.

-- phpMyAdmin SQL Dump
-- version 3.5.2.2
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: Jan 20, 2016 at 10:20 AM
-- Server version: 5.5.27
-- PHP Version: 5.4.7
SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;
--
-- Database: `medikre`
--
-- --------------------------------------------------------
--
-- Table structure for table `user`
--
CREATE TABLE IF NOT EXISTS `user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `nama` varchar(50) NOT NULL,
  `alamat` text NOT NULL,
  `pekerjaan` varchar(50) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;
--
-- Dumping data for table `user`
--
INSERT INTO `user` (`id`, `nama`, `alamat`, `pekerjaan`) VALUES
(1, 'Andi', 'Surabaya', 'web programmer'),
(2, 'Budi', 'Bandung', 'Web Designer');
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

 Setelah anda berhasil membuat database dan membuat isi dari database seperti tabel user sebagai contoh yang sudah sya buat. Agar record di dalam database muncul sebelumnya kita pastikan apakah codeigniter sudah terhubung dengan database bagi. Silahkan baca cara menghubungkan atau koneksi database codeigniter 3 .

Jika koneksi database sudah terhubung maka untuk menampilkan record database yang sudah kita buat selanjutnya adalah membuat controller yang berisi parsing data yang kita ambil dari model ke view codeigniter. Silahkan buat file crud.php didalam folder controller (application/controllers/crud.php).

class Crud extends CI_Controller{
    function __construct(){
        parent::__construct();        
        $this->load->model('m_data');
                $this->load->helper('url');
    }
    function index(){
        $data['user'] = $this->m_data->tampil_data()->result();
        $this->load->view('v_tampil',$data);
    }
}
$data['user'] = $this->m_data->tampil_data()->result();
$this->load->view('v_tampil',$data);

Simpan controller crud.php ini. pada controller tersebut  ini pertama kita panggil model m_data, karena untuk operasi database nya akan kita buat pada model m_data. kemudian pada function index kita menampilkan data dengan function tampil_data yang kita buat dalam model m_data untuk mengambil data dari database. kemudian memparsing nya ke view v_tampil.

Untuk load libary database jangan lupa ubah pengaturan pada folder config di autoload.php. ubah seperti dibawah ini.

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

Setelah itu kita buat modelnya buat file m_data.php simpan di dalam folder model. Salin kode dibawah ini dan simpan.

class M_data extends CI_Model{
    function tampil_data(){
        return $this->db->get('user');
    }
}

Kemudian kita buat viwe-nya. Buat file v_tampil.php simpan di dalam folder view. Salin script dibawah ini.

<!DOCTYPE html>
<html>
<head>
    <title>Membuat CRUD dengan CodeIgniter Medikre.com</title>
</head>
<body>
    <center><h1>Membuat CRUD dengan CodeIgniter Medikre.com</h1></center>
    <center><?php echo anchor('crud/tambah','Tambah Data'); ?></center>
    <table style="margin:20px auto;" border="1">
        <tr>
            <th>No</th>
            <th>Nama</th>
            <th>Alamat</th>
            <th>Pekerjaan</th>
            <th>Action</th>
        </tr>
        <?php 
        $no = 1;
        foreach($user as $u){ 
        ?>
        <tr>
            <td><?php echo $no++ ?></td>
            <td><?php echo $u->nama ?></td>
            <td><?php echo $u->alamat ?></td>
            <td><?php echo $u->pekerjaan ?></td>
            <td>
                  <?php echo anchor('crud/edit/'.$u->id,'Edit'); ?>
                              <?php echo anchor('crud/hapus/'.$u->id,'Hapus'); ?>
            </td>
        </tr>
        <?php } ?>
    </table>
</body>
</html>

Simpan dan coba anda jalankan contoh localhost/medikre/index.php/crud atau kita jalankan tanpa urnya tanpa index.php seperti localhost/medikre/crud . Untuk menghilangkan index.php pada url tersebut bisa baca artikel sebelumnya Cara Menghilangkan Index.php Pada CodeIgniter 3 . 

Jika berhasil maka akan terlihat seperti gambar dibawah ini.