Membuat CRUD Menggunakan Codeigniter 3 dan Bootstrap 4 adalah tutorial yang akan saya bagikan pada panduan kali ini dengan studi kasus Da...
Daftar Isi [Tampil]

    Membuat CRUD Menggunakan Codeigniter 3 dan Bootstrap 4 adalah tutorial yang akan saya bagikan pada panduan kali ini dengan studi kasus Data Murid. Sehingga sangat sederhana dan mudah dimengerti.

    Sebelum masuk ke tutorialnya alangkah baiknya kita mengerti pengertian dari masing-masing kata diatas.

    Apa Itu CRUD ?

    CRUD adalah singkatan dari CREATE, READ, UPDATE, DELETE. Itu semua merupakan hal yang penting dan selalu ada dalam aplikasi apapun.

    Misalkan aplikasi data mahasiswa atau aplikasi data-data lainnya. Tentu aplikasi tersebut membutuhkan CRUD didalamnya.

    CREATE

    Create artinya membuat atau menambah suatu data baru dalam aplikasi kita. Dan biasanya data tersebut diproses oleh database yang kita gunakan untuk aplikasinya. Sebagai contoh dalam Codeigniter, dia menggunakan MySQLi untuk mengelola datanya.

    Syntax dasar yang digunakan :


    INSERT INTO tableName ( 'field1', 'field2', 'field3' )
    VALUES ( 'value_field1', 'value_field2', 'value_field3' );

    READ

    Menampilkan atau membaca sebuah data yang sudah berhasil di insert ke database. Ini bagian yang penting karena menyangkut dengan tampilan pertama yang akan dilihat oleh pengguna.

    Syntax dasar yang digunakan :

    /**  tampilkan semua field **/

    SELECT * FROM tableName;

    /** untuk beberapa field **/

    SELECT field1, field2, field3 FROM tableName

    UPDATE

    Ini bagian yang sangat penting juga.

    Kenapa?

    Karena sebagai manusia biasa pengguna bisa saja salah menginputkan sebuah data. Dengan method ini pengguna dapat dengan mudah bisa mengubah datanya.

    Syntax dasar yang digunakan :

    /** mengubah nama **/

    UPDATE mahasiswa
    SET nama = "Lorem"
    WHERE id = "5";


    Artinya sintak diatas mengubah tabel mahasiwa di field nama dengan id 5.

    DELETE

    Tanpa saya jelaskanpun bagian ini pasti sudah mengerti.
    Dan ini sangat memudahkan pengguna menghapus data tanpa mengorek dapur dari databasenya.

    Ketika mempelajari suatu bahasa pemrograman tidak klop rasanya jika belum membuat aplikasi sederhana seperti CRUD ini. Karena CRUD ini bisa menjadi sebuah pondasi awal untuk mempelajari sikap dan perilaku bahasa pemrograman itu sendiri.

    Dalam praktik kali ini saya menggunakan Codeigniter 3 sebagai framework PHP dan bootstrap 4 sebagai framework CSS nya.

    Persiapan Membuat CRUD Menggunakan Codeigniter 3 dan Bootstrap 4

    Pastikan Andamendownload semua berkas yang diperlukan untuk lanjut membuat CRUD menggunkan Codeigniter 3 dan Bootstrap 4 ini.

    1. Download Codeigniter 3

    Buka website resmi codeigniter lalu klik download. Pilih Codeigniter versi 3 saja meskipun sekarang sudah ada yang versi 4.

    Membuat CRUD Menggunakan Codeigniter 3 Dan Bootstarp 4

    Unzip file tersebut dan pindahkan kedalam folder htdocs jika Anda menggunakan xampp.

    Ganti namanya menjadi pc_crud

    Membuat CRUD Menggunakan Codeigniter

    2. Siapkan Text Editor

    Anda bisa menggunakan text editor apa saja. Dan disini saya akan menggunakan visual studio code.
    Lalu buka folder pc_crud tadi didalam text editor kesayangan Anda masing-masing.

    dan lihat isi foldernya..

    Membuat CRUD Menggunakan Codeigniter Dan Bootstarp

    application berisi file-file yang akan kita ubah dan tambah nantinya. Kita akan menggunakan metode MVC (Model, View, Controller) yang artinya kita akan memisahkan antara file database, controller, views, dan masih banyak lagi.
    Metode MVC sangat direkomendasikan karena terstruktur dan mudah dikembangkan.

    system pada codeigniter berisi sistemnya dan sebaiknya Anda jangan mengotak atik folder ini.

    user_guide berisi dokumentasi yang lengkap dan mudah dipahami bahkan pemula sekalipun.

    Untuk memastikan codeigniter berhasil terinstall di xampp ketik http://localhost/pc_crud/ di Chrome atau browser lain.

    Membuat CRUD Menggunakan Codeigniter 3 Dan Bootstarp 4

    3. Download Bootstrap 4

    Codeigniter sudah terinstall, dan sekarang waktunya ngoding. Lets go!

    Karena nantinya kita akan menggunakan fasilitas CSS dari bootstrap untuk itu Anda harus mendownloadnya dulu.

    Seperti biasa, unzip folder yang sudah didownload tadi. Ganti namanya menjadi assets dan pindahkan folder tersebut kedalam folder pc_crud tadi sehingga akan menjadi seperti ini


    Membuat CRUD Menggunakan Codeigniter 3 Dan Bootstarp 4

    Cara Membuat CRUD Menggunakan Codeigniter 3 dan Bootstrap 4

    TODO LIST

    1. Membuat database
    2. Konfigurasi awal codeigniter
    3. Menampilkan semua data
    4. Menambah data kedalam database
    5. Menghapus data
    6. Mengedit data

    1. Membuat Database

    Buat database baru dengan nama sekolahku.

    Membuat CRUD Menggunakan Codeigniter 3 Dan Bootstarp 4

    Nama sekolahku disini bersifat opsional, kamu bebas memberikan nama apapun. Namun harus mengingatnya.

    Buat tabel baru dengan field seperti di bawah ini

    Membuat CRUD Menggunakan Codeigniter 3 Dan Bootstarp 4

    Berikut adalah syntax sql nya agar lebih mudah dan cepat :

    CREATE TABLE `murid` (
     `id` int(11NOT NULL,
    `nama` varchar(50NOT NULL,
    `nisn` int(25NOT NULL,
    `kelas` int(2) NOT NULL,
    `alamat` varchar(50) NOT NULL )

    ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

    Database telah selesai dibuat.

    PENTING! Insert beberapa data terlebih dahulu kedalam databasemu.

    Sekarang kita lanjutkan tugas berikutnya.

    2. Konfigurasi Awal Codeigniter

    TODO LIST

    1. Membuat database
    2. Konfigurasi awal codeigniter
    3. Menampilkan semua data
    4. Menambah data kedalam database
    5. Menghapus data
    6. Mengedit data

    Sekarang, buka folder pc_crud nya dalam text editor Anda.

    Buka application / config / config.php lalu ubah code berikut

    $config['base_url'] = ' ';

    Menjadi

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

    Lalu hapus index.php pada code dibawah ini

    $config['index_page'] = 'index.php';

    Sehingga menjadi seperti ini

    $config['index_page'] = '';

    Sekarang Anda masuk kedalam folder application / config / autoload.php


    Cari kode berikut dan masukan library database  dan form_validation seperti ini.


    Kenapa kita membutuhkan form_validation?

    Karena nantinya data yang di insert ke database harus melewati rules agar tidak ada data sembarangan yang masuk ke database kita nantinya.

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

    Scroll lagi kebawah sedikit lalu ubah juga pada bagian helper dan isi dengan 'url'


    Helper url ini sangat berguna dan memudahkan kita dalam pemanggilan controller, assets, dan masih banyak lagi.


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

    Setelah itu, masuk lagi ke application / config / database.php atur username, password dan nama database untuk melakukan koneksi ke database.

    $db['default'] = array(
    'dsn' => '',
    'hostname' => 'localhost', //sesuaikan dengan hostname Anda
    'username' => 'root', //untuk xampp defaultnya root, namun silahkan sesuaikan
    'password' => '',
    'database' => 'sekolahku', //nama database yang sudah kita buat sebelumnya
    '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
    );

    Kenapa bagian password kosong? Karena disini saya menggunakan xampp yang default passwordnya kosong seperti itu.

    Silahkan Anda sesuaikan dengan username dan password masing-masing.

    Terakhir, buat file baru bernama .htaccess tepat didalam folder pc_crud. Hal ini berfungsi untuk menghapus index.php didalam url.

    Lalu tambahkan code berikut didalam file .htaccess tadi

    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ index.php/$1 [L]

    Semua konfigurasi awal sejauh ini sudah cukup untuk membuat CRUD sederhana.

    Jadi, tugas kita sekarang adalah

    TODO LIST

    1. Membuat database
    2. Konfigurasi awal codeigniter
    3. Menampilkan semua data
    4. Menambah data kedalam database
    5. Menghapus data
    6. Mengedit data

    3. Menampilkan Ssemua Data

    Buat file baru bernama Murid_model.php didalam folder application / models


    Lalu tambahkan kode berikut ini :


    <?php

    class Murid_model extends CI_Model
    {
        private $_table = "murid";

        public function viewMurid()
        {
            return $this->db->get($this->_table)->result_array();
        }

    Perhatikan baik-baik kode diatas.

    Murid_model adalah class yang akan mengelola data dari aplikasi CRUD kita.

    Kenapa ada extends CI_Model ?

    Karena extends CI_Model disini berfungsi untuk mewariskan method dan property untuk Class Murid_model kita.

    Sehingga, dengan mudah kita dapat memberikan dan mengirimkan hasil query pada Controller.

    Lalu pada bagian private $_table = "murid"; kita membuat property private karena hanya akan digunakan didalam Class ini saja.

    Kata "murid" berasal dari mana?

    Itu adalah nama tabel yang sudah kita buat sebelumnya.

    Bagi Anda yang nama tabelnya berbeda dengan tutorial ini sesuaikan saja ya.

    Selanjutnya kita membuat function viewMurid() menggunakan query builder bawaan Codeigniter.

    $this->db->get($this->_table)->result_array();

    Ini maksudnya mengambil semua data didalam tabel murid dan dikeluarkan menjadi sebuah array.

    Sekarang buat Controller baru dengan nama Murid.php didalam folder application / controllers


    Pastikan huruf awal nama Controllernya berhuruf besar.


    Tambahkan kode berikut ini :

    <?php

    class Murid extends CI_Controller
    {

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

        public function index()
        {
            $data['murid'] = $this->Murid_model->viewMurid();
            $this->load->view('murid', $data);
        }
    }

    Pada kode diatas kita membuat Controller baru dengan nama Murid yang extends ke Class CI_Controller hampir sama dengan model.

    Namun, sekarang kita mempunyai method __construct() yang selalu dieksekusi pertamakali setiap kelas itu dipanggil.

    Fungsinya dalam codeigniter kita bisa meload library ataupun model agar tidak selalu dideklarasikan didalam function selama berada didalam Class yang sama.

    Artinya kita akan menghemat beberapa baris kode kedepannya.

    Perhatikan kode

    $data['murid'] = $this->Murid_model->viewMurid();


    Ini maksudnya, hasil dari query yang dieksekusi oleh function viewMurid() didalam model Murid_model dan dimasukan kedalam array associative $data['murid'].


    Lalu pada baris $this->load->view('murid', $data); kita akan menampilkan view Murid serta mengirimkan datanya.

    Disini kita belajar bahwa controller bertugas sebagai penghubung antara Model atau Database dan View atau Data yang akan ditampilkan kelayar sebagai informasi kepada pengguna.

    Sekarang buat file baru bernama Murid.php didalam folder application / views

    Tambahkan kode berikut

    <!doctype html>
    <html lang="en">

    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="<?= base_url('assets'); ?>/css/bootstrap.min.css">

        <title>Data Murid</title>
    </head>

    <body>
        <!-- As a heading -->
        <nav class="navbar navbar-dark bg-dark">
            <div class="container">
                <span class="navbar-brand mb-0 h1">Panduan Code</span>
            </div>
        </nav>

        <div class="container">
            <div class="row mt-4">
                <div class="col-md-6">
                    <h3>Data Murid Panduan Code</h3>
                     <a href="<?= base_url('murid/tambah/'); ?>" class="btn btn-primary mb-2">Tambah Data</a>
                    <div class="table-responsive table-striped">
                        <table class="table">
                            <thead>
                                <?php $no = 1; ?>
                                <tr>
                                    <th scope="col">No</th>
                                    <th scope="col">Nama</th>
                                    <th scope="col">NISN</th>
                                    <th scope="col">Kelas</th>
                                    <th scope="col">Alamat</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($murid as $m) : ?>
                                    <tr>
                                        <th scope="row"><?= $no++; ?></th>
                                        <td><?= $m['nama']; ?></td>
                                        <td><?= $m['nisn']; ?></td>
                                        <td><?= $m['kelas']; ?></td>
                                        <td><?= $m['alamat']; ?></td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- Optional JavaScript -->
        <script src="<?= base_url('assets') ?>/js/bootstrap.min.js"></script>
    </body>

    </html>

    Sekarang coba jalankan url http://localhost/pc_crud/murid pada browser. Kita sudah berhasil menampilkan semua data.

    Membuat CRUD Menggunakan Codeigniter 3 Dan Bootstarp 4


    Kita sudah berhasil menampilkan Data. Tugas kita sekarang adalah menambah data baru.

    4. Menambah Data Kedalam Database CRUD

    TODO LIST

    1. Membuat database
    2. Konfigurasi awal codeigniter
    3. Menampilkan semua data
    4. Menambah data kedalam database
    5. Menghapus data
    6. Mengedit data

    Silahkan buka kembali application / models / Murid_model.php lalu tambahkan kode ini dibawah function muridView()

     public function tambahMurid()
        {
            $data = array(
                'nama' => $this->input->post('nama', true),
                'nisn' => $this->input->post('nisn', true),
                'kelas' => $this->input->post('kelas', true),
                'alamat' => $this->input->post('alamat', true)
            );

            //masukan data yang berhasil di input tiap-tiap field
            $this->db->insert($this->_table, $data);
        }

    Pertama, kita menyiapkan variabel data untuk mengisi field yang sudah diinputkan oleh pengguna.

    Dengan menggunakan Codeigniter kita tidak perlu menggunakan function htmlspecialchar untuk keamanan. Cukup tambahkan parameter TRUE saja.

    Lalu sekarang buka application / views buat file baru bernama tambah.php dan tambahkan kode berikut ini :

    <!doctype html>
    <html lang="en">

    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="<?= base_url('assets'); ?>/css/bootstrap.min.css">

        <title>Data Murid</title>
    </head>

    <body>
        <!-- As a heading -->
        <nav class="navbar navbar-dark bg-dark">
            <div class="container">
                <span class="navbar-brand mb-0 h1">Panduan Code</span>
            </div>
        </nav>

        <div class="container">
            <div class="row mt-4">
                <div class="col-md-6">
                    <h3>Tambah Data Murid Panduan Code</h3>
                    <div class="card">
                        <div class="card-header">
                            Tambah Data Murid
                        </div>
                        <div class="card-body">
                            <form action="" method="post">
                                <div class="form-group">
                                    <label for="nama">Nama</label>
                                    <input type="nama" class="form-control" id="nama" name="nama">
                                    <?= form_error('nama', '<small class="pl-3 text-danger">', '</small>'); ?>
                                </div>
                                <div class="form-group">
                                    <label for="nisn">NISN</label>
                                    <input type="text" class="form-control" id="nisn" name="nisn">
                                    <?= form_error('nisn', '<small class="pl-3 text-danger">', '</small>'); ?>
                                </div>
                                <div class="form-group">
                                    <label for="kelas">Kelas</label>
                                    <input type="text" class="form-control" id="kelas" name="kelas">
                                    <?= form_error('kelas', '<small class="pl-3 text-danger">', '</small>'); ?>
                                </div>
                                <div class="form-group">
                                    <label for="alamat">Alamat</label>
                                    <input type="text" class="form-control" id="alamat" name="alamat">
                                    <?= form_error('alamat', '<small class="pl-3 text-danger">', '</small>'); ?>
                                </div>
                                <button type="submit" class="btn btn-dark float-right" name="tambah">Tambah</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Optional JavaScript -->
        <script src="<?= base_url('assets') ?>/js/bootstrap.min.js"></script>
    </body>

    </html>


    Ini adalah form tambah data, namun bila dijalankan akan error karena kita belum membuat Controllernya.

    Coba buka lagi application / controllers / Murid.php. Dan tambahkan kode berikut ini dibawah method index()

    public function tambah()
        {
            $validation = $this->form_validation; //untuk menghemat penulisan kode

            $validation->set_rules('nama', 'Nama', 'required');
            $validation->set_rules('nisn', 'NISN', 'required');
            $validation->set_rules('kelas', 'Kelas', 'required');
            $validation->set_rules('alamat', 'Alamat', 'required');

            if($validation->run() == FALSE) //jika form validation gagal tampilkan kembali form tambahnya
            {
                $this->load->view('tambah');
            } else {
              $this->Murid_model->tambahMurid();
              redirect('murid');
            }

       

        }

    Sebelum langsung memasukannya kedalam database, kita memvalidasi dulu agar tidak ada data sembarangan yang masuk.

    Kita menggunakan library Codeigniter yang bernama Form_validation, dan tugasnya untuk mengecek data apa yang boleh diisi kedalam database.

    Disana kita memberikan sebuah rules required artinya form tersebut tidak boleh kosong. Lalu kita juga memberikan pesan error di tiap-tiap kesalahannya.

    Sekarang , coba jalankan dengan mengetikan url http://localhost/pc_crud/murid/tambah/ dan coba untuk tidak menginputkan apapun. Apa yang akan terjadi?

    Membuat CRUD Menggunakan Codeigniter 3 Dan Bootstarp 4

    Semua field akan mengirimkan pesan error karena tidak ada data yang diisi.

    Sekarang coba isi dengan benar, dan data akan langsung tersimpan dan muncul dihalaman http://localhost/pc_crud/murid.

    Baiklah, bagian ini telah selesai. Kita lanjutkan ke bagian selanjutnya.

    5. Menghapus Data CRUD

    TODO LIST

    1. Membuat database
    2. Konfigurasi awal codeigniter
    3. Menampilkan semua data
    4. Menambah data kedalam database
    5. Menghapus data
    6. Mengedit data

    Untuk membuat hapus data, kita belum membuat tombolnya. Coba masuk lagi kedalam application / views / murid.php Lalu cari pada bagian table. Tambahkan kolom baru dengan isi tombol hapusnya.

    Perhatikan gambar dibawah ini !

    Membuat CRUD Menggunakan Codeigniter 3 Dan Bootstarp 4

    Lengkapi murid.php yang ada di view dengan kode berikut seperti pada gambar diatas.

    <th scope="col">Aksi</th>

    Dan

    <td><a href="<?= base_url('murid/hapus/'); ?><?= $m['id']; ?>" class="badge badge-danger pl-2 pr-2" onclick="return confirm('Apakah kamu ingin menghapus data ini?');">Hapus</a></td>

    Kode diatar terdapat confirm agar pengguna tidak langsung menghapus data melainkan dikonfirmasi terlebih dahulu.

    Sekarang buka application / models / Murid_model.php tambahkan kode berikut untuk membuat method hapus.

    public function hapus($id)
        {
            $this->db->where('id', $id);
            $this->db->delete($this->_table);
        }

    Kode diatas berfungsi untuk menghapus data dengan id yang telah kita kirimkan sebelumnya didalam tombol hapus

    Perhatikan pada bagian ini

    <a href="<?= base_url('murid/hapus/'); ?><?= $m['id']; ?>" 


    Ketika disorot, akan ada sebuah id yang dikirimkan seperti gambar dibawah ini.

    Membuat CRUD Menggunakan Codeigniter 3 Dan Bootstarp 4

    Artinya kita akan menjalankan method hapus berdasarkan id yang disorot.

    Sejauh ini, semoga teman-teman dapat mengerti.

    Selanjutnya, buka Controller Murid.php untuk menghubungkan lagi method hapus dengan tombol hapus yang ada diview.

    Kodenya cukup seperti ini

     public function hapus($id)
        {
            $this->Murid_model->hapus($id);
            redirect('murid');
        }

    Sangat singkat bukan?

    Coba jalankan aplikasinya. Otomatis data yang kamu klik tombolnya akan dihapus. Meskipun sekarang aplikasi CRUD kita tidak menampilkan pesan spesifik ketika ada yang berubah dengan datanya.

    Mungkin, kedepannya Anda bisa menambahkan fitur itu.

    Sekarang kita ke tugas yang belum selesai.

    6. Mengedit Data

    TODO LIST

    1. Membuat database
    2. Konfigurasi awal codeigniter
    3. Menampilkan semua data
    4. Menambah data kedalam database
    5. Menghapus data
    6. Mengedit data

    Sekarang, kita masuk kebagian fitur akhir dari aplikasi CRUD kita yaitu edit.

    Seperti biasa buat dulu tombol ubah didalam application / views / murid.php dan tambahkan kode berikut di bawah tombol hapus.

     <td><a href="<?= base_url('murid/ubah/'); ?><?= $m['id']; ?>" class="badge badge-warning">Ubah</a></td>

    Sehingga nanti tampilannya menjadi seperti ini

    Membuat CRUD Menggunakan Codeigniter 3 Dan Bootstarp 4

    Lalu seperti biasa buat terlebih dahulu method baru didalam Murid_model.php dan tambahkan kode berikut

     public function getById($id)
        {
            return $this->db->get_where($this->_table, ['id' => $id])->row_array();
        }

        public function ubahMurid()
        {
            $data = array(
                'nama' => $this->input->post('nama'),
                'nisn' => $this->input->post('nisn'),
                'kelas' => $this->input->post('kelas'),
                'alamat' => $this->input->post('alamat')
            );

            //cari id berdasarkan id yang ada dalam inputan
            $this->db->where('id', $this->input->post('id'));
            $this->db->update($this->_table, $data);

        } 

    Ketika sebelumnya kita membuat satu method. Namun, untuk ubah, kita membuat dua method yaitu getById dan ubahMurid.

    Didalam getById kita mencari field id didalam tabel murid, yang sama dengan yang berhasil ditangkap url.

    Untuk method ubahMurid , tidak jauh beda dengan yang tambah, dimana kita menyiapkan untuk datanya dulu kedalam array.

    Hanya saja yang membedakan querynya.

    Selanjutnya, masuk ke application / views setelah itu buat file baru dengan nama ubah.php untuk membuat form ubah.

    Tambahkan code berikut!

    <!doctype html>
    <html lang="en">

    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="<?= base_url('assets'); ?>/css/bootstrap.min.css">

        <title>Data Murid</title>
    </head>

    <body>
        <!-- As a heading -->
        <nav class="navbar navbar-dark bg-dark">
            <div class="container">
                <span class="navbar-brand mb-0 h1">Panduan Code</span>
            </div>
        </nav>

        <div class="container">
            <div class="row mt-4">
                <div class="col-md-6">
                    <h3>Ubah Data Murid Panduan Code</h3>
                    <div class="card">
                        <div class="card-header">
                            Ubah Data Murid
                        </div>
                        <div class="card-body">
                            <form action="" method="post">
                                <input type="hidden" value="<?= $murid['id']; ?>" name="id">
                                <div class="form-group">
                                    <label for="nama">Nama</label>
                                    <input type="nama" class="form-control" id="nama" name="nama" value="<?= $murid['nama']; ?>">
                                    <?= form_error('nama', '<small class="pl-3 text-danger">', '</small>'); ?>
                                </div>
                                <div class="form-group">
                                    <label for="nisn">NISN</label>
                                    <input type="text" class="form-control" id="nisn" name="nisn" value="<?= $murid['nisn']; ?>">
                                    <?= form_error('nisn', '<small class="pl-3 text-danger">', '</small>'); ?>
                                </div>
                                <div class="form-group">
                                    <label for="kelas">Kelas</label>
                                    <input type="text" class="form-control" id="kelas" name="kelas" value="<?= $murid['kelas']; ?>">
                                    <?= form_error('kelas', '<small class="pl-3 text-danger">', '</small>'); ?>
                                </div>
                                <div class="form-group">
                                    <label for="alamat">Alamat</label>
                                    <input type="text" class="form-control" id="alamat" name="alamat" value="<?= $murid['alamat']; ?>">
                                    <?= form_error('alamat', '<small class="pl-3 text-danger">', '</small>'); ?>
                                </div>
                                <button type="submit" class="btn btn-dark float-right" name="Ubah">Ubah</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Optional JavaScript -->
        <script src="<?= base_url('assets') ?>/js/bootstrap.min.js"></script>
    </body>

    </html>

    Disini tidak ada yang jauh beda dengan form tambah. Namun, kita telah meng-set value dari data murid berdasarkan id yang dipanggil.

    Sehingga kita tidak perlu mengisi lagi data yang sudah benar.

    Terakhir, buka Controller untuk menghubungkan keduanya.

    Buka lagi application / controllers / Murid.php untuk membuat method baru dengan nama ubah simpan dibawah method hapus dengan menambahkan kode berikut

    public function ubah($id)
        {
            $validation = $this->form_validation; //untuk menghemat penulisan kode
            $data['murid'] = $this->Murid_model->getById($id);

            $validation->set_rules('nama', 'Nama', 'required');
            $validation->set_rules('nisn', 'NISN', 'required');
            $validation->set_rules('kelas', 'Kelas', 'required');
            $validation->set_rules('alamat', 'Alamat', 'required');

            if ($validation->run() == FALSE) //jika form validation gagal tampilkan kembali form tambahnya
            {
                $this->load->view('ubah', $data);
            } else {
                $this->Murid_model->ubahMurid();
                redirect('murid');
            }


    Sama halnya dengan tambah, method ubah juga membutuhkan validasi terlebih dahulu agar user tidak bisa sembarangan menginputkan sesuatu.

    Berikut tutorial Membuat CRUD Menggunakan Codeigniter 3 dan Bootstrap 4. Semoga dapat dipahami dengan baik. Mohon maaf apabila ada kesalahan kata, syntax, dan lainnya.

    Untuk source code dapat Anda download di Github panduan-code CRUD Codeigniter 3 Dan Bootstrap 4.

    Programmer             :  Alfiani Fitria Kusnadi
    Owner & SEO          : Arif Noer Wahidin

    Akhir kata dari panduancode jangan lupa titik koma, Terimakasih.
    Coba cari lagi apa yang ada inginkan pada kolom berikut: DMCA.com Protection Status
    Bantu Apresiasi Bantu berikan apresiasi jika artikelnya dirasa bermanfaat agar penulis lebih semangat lagi membuat artikel bermanfaat lainnya. Terima kasih.
    Donasi
    Hallo sobat panduan code, Anda dapat memberikan suport kepada kami agar lebih semangat dengan cara dibawah ini.

    Dana : 085972737000
    PAYPAL : Panduan Code
    Done
    Color Picker
    Silahkan gunakan tools color picker berikut gratis untuk Anda, salam Admin Panduan Code.

    Pilih Warna

    Done