Halo Dumenity, selamat datang kembali di website tips dan trik Dumet School. Tentunya selalu memberikan tips – tips seputar dunia wensite, pada kesempatan kali ini kita akan melanjutkan belajar tentang Cara Membuat CRUD dengan Codeigniter Part 2 yang sebelumnya saya share tips tentang Cara Membuat CRUD dengan Codeigniter Part 1 dengan menampilkan data dari database dengan menggunakan MVC. Jika teman – teman belum membuatnya silahkan review pada artikel saya sebelumnya. Kali ini kita akan membuat layout terlebih dahulu yang mana kita akan menggunakan bootstrap untuk framework layout nya.

Petama – temana siapkan file bootstrap nya, saya disini menggunakan yang online saja supaya lebih simple atau juga bisa teman – teman bisa menggunakan yang online dengan manambahkan library bootstrap nya.

Pada tampilan kemarin kita sudah berhasil menampilkan data

Cara Membuat CRUD dengan Codeigniter Part 2

Pada tampilan table di atas ini terlihat kurang begitu menarik, kita akan menambahkan class bootstrap untuk layout nya. Ikuti terus Cara Membuat CRUD dengan Codeigniter Part 2 ini, tambahkan script nya

Tambahkan class=”table table-bordered table-striped table-hover” class algin pada tag td

Cara Membuat CRUD dengan Codeigniter Part 2

Tambahkan pada tag thead > th dengan nama aksi kemudian  tbody > td > tag a dengan class class=”btn btn-primary” dan icon class=”glyphicon glyphicon-pencil” untuk tombol edit, tag a dengan class class=”btn btn-danger” dan icon class=”glyphicon glyphicon-remove” untuk tombol delete

Cara Membuat CRUD dengan Codeigniter Part 2

Dan selanjutnya kita akan membuat modal untuk form input nya teman – teman tambahkan tag button untuk modal nya

Kemudian berikan script di bawah ini untuk pop up modal nya

Selanjutnya kita custom css nya sedikit yang sudah kita masukkan class align

Jika sudah save dan buka kembali pada browsernya, maka hasilnya seperti gambar di bawah ini

Cara Membuat CRUD dengan Codeigniter Part 2

Jika kita klik button new post maka modal akan menampilkan form yang sudah kita buat

Cara Membuat CRUD dengan Codeigniter Part 2

Sekian dulu pada artikel kali ini tentang Cara Membuat CRUD dengan Codeigniter Part 2 kita berjumpa kembali pada artikel yang akan datang kita akan memasukkan data kedalam database menggunakan MVC Codeigniter. Terimakasih dan sampai jumpa.

Semoga bermanfaat.