Menampilkan Data Dari Database Dengan CodeIgniter

lebakcyber.net – Menampilkan data dari database dengan CodeIgniter. Sekarang kita sampai pada pembahasan mengenai bagaimana cara agar data yang sudah kita inputkan ke dalam database ditampilkan kedalam sebuah tabel.

Sebelum melangkah ke tutorial ini, ada baiknya kalian mempelajari tutorial mengenai CodeIgniter yang sebelumnya sudah dibahas pada situs lebakcyber.net ini :

Kalau kalian ingin melewati tutorial mengenai Insert Data Dengan CodeIgniter dan MySQL, sebaiknya buat dulu sebuah database dengan nama db_lebakcyber namun sebaiknya ikuti tutorial sebelumnya satu persatu agar kalian tidak kebingungan dalam mengikuti tutorial kali ini.

Buat sebuah database di MySQL dengan nama db_lebakcyber, lalu masukan perintah seperti dibawah ini untuk membuat tabel dan data didalam tabel tersebut, perintahnya seperti dibawah ini :

/*
SQLyog Ultimate v12.4.3 (64 bit)
MySQL - 10.4.10-MariaDB : Database - db_lebakcyber
*********************************************************************
*/

/*!40101 SET NAMES utf8 */;

/*!40101 SET SQL_MODE=''*/;

/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
CREATE DATABASE /*!32312 IF NOT EXISTS*/`db_lebakcyber` /*!40100 DEFAULT CHARACTER SET latin1 */;

USE `db_lebakcyber`;

/*Table structure for table `tbl_user` */

DROP TABLE IF EXISTS `tbl_user`;

CREATE TABLE `tbl_user` (
  `nama` char(250) NOT NULL,
  `email` varchar(150) NOT NULL,
  `password` varchar(250) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

/*Data for the table `tbl_user` */

insert  into `tbl_user`(`nama`,`email`,`password`) values 
('firdan ardiansyah','virdan@gmail.com','aegis');

/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;

Kalau kalian tetap ingin melewati tutorial sebelumnya yang membahas mengenai bagaimana cara melakukan insert data dengan CodeIgniter dan Mysql, silahkan masukan perintah seperti dibawah ini pada bagian application/config/database.php.

<?php
defined('BASEPATH') or exit('No direct script access allowed');

$active_group = 'default';
$query_builder = TRUE;

$db['default'] = array(
  'dsn'	=> '',
  'hostname' => 'localhost',
  'username' => 'root',
  'password' => '',
  'database' => 'db_lebakcyber',
  'dbdriver' => 'mysqli',
  'dbprefix' => '',
  'pconnect' => FALSE,
  'db_debug' => (ENVIRONMENT !== 'production'),
  'cache_on' => FALSE,
  'cachedir' => '',
  'char_set' => 'utf8',
  'dbcollat' => 'utf8_general_ci',
  'swap_pre' => '',
  'encrypt' => FALSE,
  'compress' => FALSE,
  'stricton' => FALSE,
  'failover' => array(),
  'save_queries' => TRUE
);

Kalau MySQL yang kalian miliki diberikan password, pada bagian ‘password’ => ” masukan password MySQL kalian.

Selanjutnya pada bagian models/m_insert.php tambahkan perintah seperti berikut untuk mengambil data dari mysql dan nantinya akan ditampilkan didalam tabel :

<?php defined('BASEPATH') or exit('No direct script access allowed');

class m_insert extends CI_Model
{

    function input_data($data, $table)
    {
        $this->db->insert($table, $data);
    }

    function tampil_user()
    {
        return $this->db->get('tbl_user');
    }
    

};

Selanjutnya pada application/controller/m_insert.php masukan perintah seperti dibawah ini :

?php defined('BASEPATH') or exit('No direct script access allowed');

Maksud dari perintah :

return $this->db->get('tbl_user');

yaitu berfungsi untuk mengambil data dari database dengan nama tabel tbl_user yang dituliskan pada parameter diatas. Jadi data yang diambil dari database ini akan dikembalikan ke pemanggil fungsi dengan fungsi return.

Selanjutnya kembali lagi ke View dengan nama insert_user.php yang ada di application/view/insert_user, lalu tambahkan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>

<head>
    <title>Insert Data dengan CodeIgniter | lebakcyber.net</title>
</head>

<body>
    <center>
        <h1>Insert Data dengan CodeIgniter | lebakcyber.net</h1>
        <h3>Tambah user baru</h3>
    </center>

    <form action="<?php echo base_url('index.php/insert_user/input_user'); ?>" method="post">
        <table style="margin:20px auto;">
            <tr>
                <td>Nama</td>
                <td><input type="text" name="nama" required></td>
            </tr>
            <tr>
                <td>Email</td>
                <td><input type="email" name="email" required></td>
            </tr>
            <tr>
                <td>Password</td>
                <td><input type="password" name="pass"></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" onclick="return confirm('Apakah anda yakin menyimpan data user?')" value="Tambah User"></td>
            </tr>
        </table>

        <center>
            <h1>Daftar User</h1>
        </center>
        <table style="margin:20px auto;" border="1">
            <tr>
                <th>No</th>
                <th>Nama</th>
                <th>Email</th>
                <th>Password</th>
                <th>Aksi</th>
            </tr>
            <?php
            $no = 1;
            foreach ($tampil_user as $u) {
            ?>
                <tr>
                    <td><?php echo $no++ ?></td>
                    <td><?php echo $u->nama ?></td>
                    <td><?php echo $u->email ?></td>
                    <td><?php echo $u->password ?></td>
                    <td>
                        <?php echo anchor('crud/edit/' . $u->nama, 'Ubah'); ?> |
                        <?php echo anchor('crud/hapus/' . $u->nama, 'Hapus'); ?>
                    </td>
                </tr>
            <?php } ?>
        </table>


    </form>
</body>

</html>

Selanjutnya tinggal jalankan saja pada browser untuk melihat hasil dari tutorial kali ini, silahkan ketikan url dibawah ini pada browser :

http://localhost/lebakcyber/index.php/insert_user/tampil_input_user

Nanti tampilannya akan seperti pada gambar dibawah ini :

Pada gambar diatas dapat kita lihat sekarang kita sudah bisa menampilkan daftar user yang ada didalam database kedalam tabel dari aplikasi atau website yang sedang kita buat.

Jadi seperti itulah bagaimana cara menampilkan data Dari Database dengan CodeIgniter, semoga tutorial sederhana ini dapat bermanfaat bagi kalian yang sedang belajar CodeIgniter dan database MySQL. Sampai jumpa pada tutorial selanjutnya.

Lebak Cyber Tips dan Trik Komputer

Menampilkan Data Dari Database Dengan CodeIgniter