Blog

You are currently viewing Membuat CRUD (Create, Read, Update, Delete) dengan CodeIgniter 3 – Menampilkan Data dari Database

Membuat CRUD (Create, Read, Update, Delete) dengan CodeIgniter 3 – Menampilkan Data dari Database

Membuat CRUD dengan CODEIGNITER 3 : Menampilkan Data Dari Database – Hallo teman – teman bagaimana nih kabarnya? Semoga selalu diberikan kesehatan ya. Pada materi kali ini kita akan masuk ke tutorial edisi membuat CRUD dengan menggunakan Codeigniter 3. Tutorial kali ini sangat penting untuk kita pahami sebelum membuat suatu aplikasi berbasis website. Pada materi kali ini kita akan membahas tentang apa itu CRUD dan bagaimana cara membuat Fungsi CRUD menggunakan Codeigniter 3 (CI-3).

CRUD merupakan suatu fungsi yang digunakan untuk mengelola data yang ada pada database menggunakan suatu sistem atau aplikasi. Jadi dapat kita bayangkan bahwa seberapa pentingnya kita harus memahami tentang konsep CRUD ini bukan. Baiklah pada artikel kali ini kita akan membahas secara lengkap tentang bagaimana cara membuat fungsi CRUD (Create, Read, Update, Delete) menggunakan CodeIgniter 3 (CI-3).

Pada tutorial kali ini kita akan membagi materi ini ke dalam beberapa part pembahasan. Tujuannya agar teman-teman mudah dalam memahami konsep dari pembuatan fungsi CRUD dengan menggunakan Codeigniter 3 (CI-3) ini. Adapun pembahasannya yaitu:

  1. Membuat Fungsi Menampilkan Data dari Database (Baca Disini)
  2. Membuat Fungsi Menambah Data Ke Database (Baca Disini)
  3. Membuat Fungsi Mengedit Data dari Database (Baca Disini)
  4. Membuat Fungsi Menghapus Data dari Database (Baca Disini)

Jadi pada pembahasan kali ini kita akan masuk kedalam pembahasan pertama yaitu Membuat Fungsi Menampilkan Data dari Database menggunakan Codeigniter 3 (CI-3).

Pengertian CRUD (Create, Read, Update dan Delete)

Sebelum kita memulai belajar tentang cara membuat fungsi CRUD pada CodeIgniter 3, pada baiknya kita harus mengerti dulu tentang apa itu CRUD. CRUD merupakan singkatan dari Create, Read, Update dan Delete. jadi kepanjangan CRUD ini dapat kita lihat bahwa CRUD ini berbicara tentang bagaimana cara mengelola dan melakukan manajemen terhadap suatu hal. Contohnya seperti Menambahkan data ke dalam database (Create), Membaca data dari database (Read), Melakukan perubahan / update data dari database (Update) dan menghapus data dari database (Delete).

Persiapan Membuat Database Pada Codeigniter 3

Pada tutorial kali ini kita akan bermain dengan menggunakan database. Oleh sebab itu langkah awal yang harus kita siapkan yaitu membuat database dan tabel data yang akan kita digunakan. Adapun keterangan dari database dan tabel yang kita gunakan dapat dilihat pada keterangan berikut ini.

  1. Membuat Database dengan nama crud
  2. Membuat sebuah tabel dengan nama tb_mahasiswa yang berisikan kolom (nim, nama dan jurusan)

Jika teman-teman bingung dalam pembuatan database sistem ini, disini saya juga sertakan file .sql yang bisa teman-teman langsung import dan gunakan. Cara untuk melakukan import database ini, pertama-tama kita buat dulu nama database kita pada databas server kita. Lalu pilih database yang telah dibuat ini dan pilih menu import serta upload file .sql dibawah ini. Tetapi teman-teman juag dapat melakukan Copy Paste sintak sql berikut ini pada kolom editing Query database teman-teman.

-- phpMyAdmin SQL Dump
-- version 4.8.2
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: Feb 18, 2022 at 08:00 AM
-- Server version: 10.1.34-MariaDB
-- PHP Version: 5.6.37

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET AUTOCOMMIT = 0;
START TRANSACTION;
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 utf8mb4 */;

--
-- Database: `crud`
--

-- --------------------------------------------------------

--
-- Table structure for table `tb_mahasiswa`
--

CREATE TABLE `tb_mahasiswa` (
  `nim` varchar(25) NOT NULL,
  `nama` varchar(250) NOT NULL,
  `jurusan` varchar(250) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `tb_mahasiswa`
--

INSERT INTO `tb_mahasiswa` (`nim`, `nama`, `jurusan`) VALUES
('1001', 'Kecoak Sakti Officialll', 'Teknik Komputer'),
('1002', 'Ivan Chatisa', 'Teknik Informatika'),
('1003', 'Blog Belajar', 'Sistem Informasi'),
('1004', 'Monkey D Luffy', 'Elektronika');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `tb_mahasiswa`
--
ALTER TABLE `tb_mahasiswa`
  ADD PRIMARY KEY (`nim`);
COMMIT;

/*!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 */;

Kebetulan disini kita telah memiliki beberapa record data. Jika belum memiliki beberapa record data, silahkan teman-teman input terlebih dulu beberapa data untuk memastikan bahwa data yang kita inginkan tersebut akan muncul pada website kita nantikan.

Konfigurasi Dasar Codeigniter 3

Jika teman-teman baru saja melakukan proses pembuatan Codeigniter 3 (CI-3), secara default CodeIgniter belum mengaktifkan fungsi agar kita dapat terhubung dengan database kita. jadi langkah pertama kita harus lakukan adalah melakukan aktivasi agar CodeIgniter kita dapat mengakses database yang kita buat.

Terlebih dahulu aktifkan dulu library database pada file autoload.php Codeigniter di application/config/autoload.php

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

Selanjutnya sesuaikan pengaturan database kita pada file database.php CodeIgniter di application/config/database.php. Sesuaikan dengan informasi database yang kita gunakan

$db['default'] = array(
    'dsn'	=> '',
    'hostname' => 'localhost',
    'username' => 'root',
    'password' => '',
    'database' => 'crud',
    '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
);

Membuat Fungsi Tampil Data Pada CodeIgniter

Framework CodeIgniter merupakan suatu framework berbasis website menggunakan bahasa pemrograman PHP dengan menerapkan konsep MVC (Model, View dan Contoller). Seperti pada penjelasan kita sebelumnya di materi Instalasi Codeigniter. Konsep MVC terbagi menjadi 3 Komponen utama yaitu Komponen Model digunakan untuk menyimpan file yang berhubungan dengan database, Komponen View digunakan untuk menyimpan file atau sintak Tampilan dari aplikasi kita dan Komponen Controller digunakan untuk memproses instruksi-instruksi yang ada dan menghubungkan Komponen Model dan View agar dapat berinteraksi satu sama lain.

Berdasarkan konsep diatas, tahapan yang harus kita lakukan pertama kali yaitu membuat sebuah file model dengan nama M_Mahasiswa.php pada CodeIgniter 3 (CI-3) kita. Tujuannya yaitu untuk menyimpan Query SQL yang kita gunakan untuk mengakses data dari database. Lokasi file tersebut berada di application/models/M_Mahasiswa.php. Selanjutnya kita buat sebuah Function baru dengan nama getDataMahasiswa() untuk memanggil data keseluruh pada tabel mahasiswa.

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

class M_Mahasiswa extends CI_Model {

    function getDataMahasiswa() {
        $query = $this->db->get('tb_mahasiswa');
        return $query->result();
    }
}

/* End of file M_Mahasiswa.php */
/* Location: ./application/models/M_Mahasiswa.php */

Kemudian kita panggil Fungsi dari model tersebut kedalam File Controller kita. Terlebih dahulu kita buat sebuah Controller pada Codeigniter kita dengan nama Home.php di application/controllers/Home.php.

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

class Home extends CI_Controller {

    public function __construct() 
    {
        parent::__construct();
        $this->load->model('M_Mahasiswa');
    }

    public function index()
    {
        $queryAllMahasiswa = $this->M_Mahasiswa->getDataMahasiswa();
        $DATA = array('queryAllMhs' => $queryAllMahasiswa);
        $this->load->view('home', $DATA);
    }
}

Untuk menghubungkan file Model kita dengan Controller. Pertama-tama kita buat terlebih dahulu method __construct() pada Controller kita. Lalu kita panggil file model tersebut menggunakan sintak berikut

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

Sintak dibawah ini digunakan untuk memanggil fungsi yang ada pada Model kita dan melakukan parsing data pada database kehalaman View yang kita inginkan

$queryAllMahasiswa = $this->M_Mahasiswa->getDataMahasiswa();
$DATA = array('queryAllMhs' => $queryAllMahasiswa);
$this->load->view('home', $DATA);

Kemudian kita buat sebuah file pada folder View dengan nama home.php di application/views/home.php. lalu kita panggil variabel yang telah kita parsing pada Controller untuk menampilkan data kedalam file View kita

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Halaman Home</title>
    <link rel="stylesheet" href="">
</head>
<body>
    <h1>Data Mahasiswa Kecoak Sakti</h1>

    <a href="<?php echo base_url('/home/halaman_tambah') ?>">Tambah Mahasiswa</a>
    <br>
    <br>
    <table border="1">
        <tr>
            <td>No</td>
            <td>NIM</td>
            <td>Nama</td>
            <td>Jurusan</td>
            <td>Aksi</td>
        </tr>
        <?php 
            $count = 0;
            foreach ($queryAllMhs as $row) {
                $count = $count + 1;
         ?>
        <tr>
            <td><?php echo $count ?></td>
            <td><?php echo $row->nim ?></td>
            <td><?php echo $row->nama ?></td>
            <td><?php echo $row->jurusan ?></td>
            <td><a href="<?php echo base_url('/home/halaman_edit') ?>/<?php echo $row->nim ?>">Edit</a> | <a href="<?php echo base_url('/home/fungsiDelete') ?>/<?php echo $row->nim ?>">Delete</a></td>
        </tr>
        <?php } ?>
    </table>
</body>
</html>

Perhatikan pada kolom tabel pada sintak berikut ini. Sintak ini digunakan untuk membuat Hyperlink yang digunakan untuk menghubungkan halaman satu dengan lainnya. Fungsi dari sintak ini untuk mengarahkan kita ke halaman Edit dan Delete data nantinya

<td>
    <a href="<?php echo base_url('/home/halaman_edit') ?>/<?php echo $row->nim ?>">Edit</a>
    | 
    <a href="<?php echo base_url('/home/fungsiDelete') ?>/<?php echo $row->nim ?>">Delete</a>
</td>

Jika semua konfigurasi sudah selesai diatur. Selanjutnya tinggal kita jalankan saja CodeIgniter kita pada browser kita. Untuk menjalankan CodeIgniter ini kita hanya perlu mengakses Link Localhost kita dan memanggil nama Project yang kita buat

http://localhost/crud/

Jika proses konfigurasi berhasil maka akan memanpilkan tampilan seperti gambar dibawah ini

Sekian tutorial kita kali ini tentang Cara membuat Fungsi CRUD dengan CodeIgniter 3 (CI-3) pada Part Menampilkan data dari database. Untuk tutorial selanjutnya dapat teman-teman lihat pada materi dibawah ini.

Baca Kelanjutannya :

Tags: , , ,

Leave a Reply