WebDev / Framework / CodeIgniter / Membuat dan Menampilkan Data Pada CodeIgniter

Membuat dan Menampilkan Data Pada CodeIgniter

Buat para pembaca pasti sedang menunggu artikel “Membuat dan Menampilkan Data Pada CodeIgniter (CI)“. Bener gak ya.. hehehe, padahal sebenernya enggak kan???. Yuk… kita lanjutkan lagi tentang pemrograman CodeIgniter. pada kesempatan yang berbahagia ini penulis akan memberikan sedikit tentang pembuatan database pada MySql lalu menampilkanya pada CodeIgniter.

Dalam pembuatan database tentunya kalian sudah tidak asing lagi, karena penulis tau sebagian besar dari anda pastinya sudah mahir dalam pembuatan database dan pasti lebih mahir dari dari penulis karna penulis hanyalah seorang pemula wkwkwkwkwkwk.

Kita mulai pembuatan database beserta tabelnya karna tanpa tabel apalah gunanya databe benar kan. Untuk pembuatan disini penulis mencontohkan membuat database dengan nama “dbsusanto” dengan tabel di dalamnya yaitu “tbuser”. Catatan : untuk database dan tabel itu bebas tergantung kebutuhan cuman untuk penulis menggunakan contoh ini.

Untuk pembuatan database anda hanya perlu masuk ke http://localhost/phpmyadmin lalu pada form Creat new database anda isikan dbsusantoweb. Selanjutnya klik Create yang berada di sebelah kanan. maka database sudah jadi seperti gambar di bawah ini

create database

dabase MySql

 

Lalu kita membuat table dengan cara cari form Creat new table on database “dbsusanto” pada form nama isikan nama tabel disini kita isi dengan nama “tbuser” lalu pada Number of file anda isikan jumlah dari file. Anda masukkan saja “6”. seperti gambar di bawah ini :

create tabel

create tabel

Jika sudah anda di suruh untuk memasukkan field dari tabel. isikan seperti di bawah ini :

`id_user` int(5) NOT NULL AUTO_INCREMENT,
`nama` varchar(45) NOT NULL,
`alamat` varchar(60) NOT NULL,
`email` char(60) NOT NULL,
`telfon` char(12) NOT NULL,
`status` varchar(10) NOT NULL,
PRIMARY KEY (`id_user`)

Selanjutnya Anda klik simpan, jika anda benar dalam mengisinya maka anda akan masuk ke tbuser dan disuruh untuk mengisi data dari masing-masing field yang sudah anda buat seperti di bawah ini  :

isi data tabel

isi data tabel

Setelah data diisi semua anda tinggal klik tombol go paling bawah maka data sudah masuk ke dalam tabel jika anda mengisinya dengan benar :

Biar lebih cepat dalam pembuatan serta pengisian data anda bisa gunakan koding sql di bawah ini :

— phpMyAdmin SQL Dump
— version 3.3.9
— http://www.phpmyadmin.net

— Host: localhost
— Generation Time: Nov 21, 2013 at 12:55 PM
— Server version: 5.5.8
— PHP Version: 5.3.5

SET SQL_MODE=”NO_AUTO_VALUE_ON_ZERO”;


— Database: `dbsusantoweb`

— ——————————————————–


— Table structure for table `tbuser`

CREATE TABLE IF NOT EXISTS `tbuser` (
`id_user` int(5) NOT NULL AUTO_INCREMENT,
`nama` varchar(45) NOT NULL,
`alamat` varchar(60) NOT NULL,
`email` char(60) NOT NULL,
`telfon` char(12) NOT NULL,
`status` varchar(10) NOT NULL,
PRIMARY KEY (`id_user`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=5 ;


— Dumping data for table `tbuser`

Copy koding di atas pada note pad lalu simpan dengan nama dbsusanto.sql jika sudah anda buaka http://localhost/phpmyadmin  lalu buat database dengan nama dbsusanto seperti yang sudah di jelaskan di atas. setelah itu klik import -> cari file tadi (dbsusanto.sql) lalu klik Go. selesai deh.

Selanjutnya yaitu Cara menampilkan data pada tabel di CodeIgniter.

Pertama anda seting dulu file database.php, autoload.php,config.php yang terletak pada xampp/htdocs/susantoweb/application/config/ seperti bada artikel yang sebelumnya sudah saya jelaskan yaitu “ instalasi dan konfigurasi awal CodeIgniter

 

Jika sudah buat file model dengan nama user_model.php isikan koding di bawah ini :

<?php if ( ! defined(‘BASEPATH’)) exit(‘No direct script access allowed’);
class user_model extends CI_Model{

function semua_data_user()
{
$query=$this->db->query(“SELECT * FROM tbuser ORDER BY id_user DESC”);
return $query->result();
}
}

simpan pada susantoweb/application/models/

Lalu buat buat file controller dengan nama user_control.php

tulis koding sebagai berikut :

<?php if ( ! defined(‘BASEPATH’)) exit(‘No direct script access allowed’);

class user_control extends CI_Controller{

public function __Construct()
{
parent ::__construct();
$this->load->model(‘user_model’);
}

public function data_user()
{
$this->load->model(‘user_model’);
$data[‘judul’] = ‘Menampilkan Data dari Database Menggunakan Codeigniter’;
$data[‘data_user’] = $this->user_model->semua_data_user();
$this->load->view(‘tampil_user’, $data);
}
}

simpan pada susantoweb/application/controllers/

Terakhir anda buat file View dengan nama tampil_user.php ketik koding di bawah ini :

 

<!DOCTYPE html>

<html lang=”en”>
<head>
<meta charset=”utf-8″>
<title>Selamat datang Susantoweb</title>
<style type=”text/css”>

::selection{ background-color: #E13300; color: white; }
::moz-selection{ background-color: #E13300; color: white; }
::webkit-selection{ background-color: #E13300; color: white; }

body {
background-color: #fff;
margin: 40px;
font: 13px/20px normal Helvetica, Arial, sans-serif;
color: #4F5155;
}

a {
color: #003399;
background-color: transparent;
font-weight: normal;
}

h1 {
color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 19px;
font-weight: normal;
margin: 0 0 14px 0;
padding: 14px 15px 10px 15px;
}

code {
font-family: Consolas, Monaco, Courier New, Courier, monospace;
font-size: 12px;
background-color: #f9f9f9;
border: 1px solid #D0D0D0;
color: #002166;
display: block;
margin: 14px 0 14px 0;
padding: 12px 10px 12px 10px;
}

#body{
margin: 0 15px 0 15px;
}

p.footer{
text-align: right;
font-size: 11px;
border-top: 1px solid #D0D0D0;
line-height: 32px;
padding: 0 10px 0 10px;
margin: 20px 0 0 0;
}

#container{
margin: 10px;
border: 1px solid #D0D0D0;
-webkit-box-shadow: 0 0 8px #D0D0D0;
color: blue;
}
</style>
</head>
<body>

<div id=”container”>
<h1>Menampilkan Data tbuser Dari Database dbsusanto</h1>
<div id=”body”>
<p>Daftar Post<p>
<table border=”2″>
<tr>
<th>ID USer</th>
<th>Nama</th>
<th>Alamat</th>
<th>Email</th>
<th>No Telfon</th>
<th>Status</th>
</tr>
<?php foreach ($data_user as $row){ ?>
<tr>
<td><?php echo $row->id_user; ?></td>
<td><?php echo $row->nama; ?></td>
<td><?php echo $row->alamat; ?></td>
<td><?php echo $row->email; ?></td>
<td><?php echo $row->telfon; ?></td>
<td><?php echo $row->status; ?></td>
</tr>
<?php } ?>
</table>
</div>
<p class=”footer”><strong>Copyrigh @ Susantoweb</strong></p>
</div>

</body>
</html>

Simpan pada susantoweb/application/views/

Untuk file model, controller, view sudah jadi kita tinggal mengaksenya melalui http://localhost/susantoweb/index.php/user_control/data_user

Jika anda sudah benar maka akan tampil seperti berikut ini:

tampil data pada codeigniter

tampil data pada codeigniter

Seperti itulah cara “Membuat dan Menampilkan Data Pada CodeIgniter” Semoga artikel ini dapat bermanfaat bagi kita semua..

Pada artikel berikutnya akan di bahas mengenai insert (menambahakan data).

Penulis: susanto

Foto Profil dari susanto
saya orangnya lebih suka yang sederhana, serta belajar teknologi terutama di bidang website, karena belajar teknologi itu tidak akan pernah ada habisnya.. hehehe

No comments

  1. Thanks sob artikelnya bermanfaat, silahkan di cek sob aplikasi akunting buatan anak Indonesia yang gak kalah keren ama buatan luar di kiper.co.id

  2. Thanks sob artikelnya bermanfaat, silahkan di cek sob aplikasi akunting buatan anak Indonesia yang gak kalah keren ama buatan luar di kiper.co.id

  3. mas itu class CI_Controller kok gak ada ya padahal kan padahal digunakan sebagai ekstend class

  4. mas itu class CI_Controller kok gak ada ya padahal kan padahal digunakan sebagai ekstend class

  5. Foto Profil dari susanto

    Itu kan sudah ada dengan nama user_control.php

    Dengan koding sbgai berikut :

    load->view(‘tampil_user’, $data);
    }
    }
    Coba di perhatikan lagi ya…

  6. Foto Profil dari susanto

    Itu kan sudah ada dengan nama user_control.php

    Dengan koding sbgai berikut :

    load->view(‘tampil_user’, $data);
    }
    }
    Coba di perhatikan lagi ya…

  7. Foto Profil dari susanto

    Disitu kan sudah ad…….
    coba di perhatikan lagi pada file user_control.php

  8. Foto Profil dari susanto

    Disitu kan sudah ad…….
    coba di perhatikan lagi pada file user_control.php

Silahkan Berkomentar

x

Check Also

Hari Blogger Nasional 2014

Hari Blogger Nasional: Momen Bagus Untuk Melakukan Revolusi Mental

Setelah ngeblog selama lima tahun saya merasakan ada degradasi mental yang berkaitan ...