Belajar CRUD Menggunakan CodeIgniter dan Twitter Bootstrap

Setelah lama tidak mempelajari CodeIgniter dan update blog dikarenakan suatu hal, untuk itu kali ini saya akan menjelaskan bagaimana cara membuat fungsi CRUD di CodeIgniter dengan menggunakan Bootstrap. Agar memahami apa yang kita pelajari, ada baiknya kita mengenal terlebih dahulu Framework CodeIgniter dan Twitter Bootstrap. 

Mengenal Framework CodeIgniter dan Twitter Bootstrap

Menurut Hafiz Ridha yang diperoleh dari ilmukomputer.com, mengatakan CodeIgniter adalah sebuah framework PHP yang dapat mempercepat pengembang untuk membuat sebuah aplikasi web. Dilengkapi banyak library dan helper yang berguna di dalamnya dan tentunya mempermudah proses development.

Sedangkan Twitter Bootstrap adalah sebuah alat bantu (framework) HTML dan CSS untuk membuat sebuah tampilan halaman website yang elegan dan support segala macam device. Dengan implementasi Twitter Bootstrap pada framework CodeIgniter akan mempermudah dan mempercepat pembuatan maupun pengembangan website dinamis tanpa harus kesulitan membuat desain.

Berikut ini keuntangan menggunakan Framework CodeIgniter dan Twiiter Bootstrap:

  1. Keuntungan Menggunakan Framework CodeIgniter:
    a. Menghemat Waktu Pengembangan.
    b. Reuse of code (Penggunaan Kembali Code).
    c. Bantuan komunitas.
    d. Kumpulan best practice

Download CodeIgniter secara gratis dialamat website resminya : http://www.codeigniter.com/, pada artikel ini versi 2.2.0

  1. Keuntungan Menggunakan Twitter Bootstrap :
    a. Memudahkan dalam mendesain website.
    b. Responsive (Support segala macam layar dan device)
    c. Dokumentasi Lengkap
    d. Elegan

Download Bootstrap secara gratis dialamat website resminya : http://getbootstrap.com/getting-started/#download/, pada artikel ini versi 3.3.1

Setelah mendownload CodeIgniter dan Bootstrap, kemudian extract file tersebut dan letakkan dalam directory htdocs, hasilnya seperti ini.

htdocs ci dan bootstrap

Sekarang kita akan membuat contoh aplikasi sederhana CRUD (create, read, update, delete) yang berjudul Aplikasi Daftar Perguruan Tinggi di Indonesia

Langkahnya sebagai berikut:

1. Buat sebuah database dengan nama : belejar_ci dan dengan nama tabel : jenis_pt

database

SQLnya:

Setelah membuat database jangan lupa untuk membuat koneksi antara CodeIgniter dengan MySQL dan meload library database pada file database.php, autoload.php dan routes.php

application=>config=>database.php

application=>config=>autoload.php

application=>config=>routes.php

 2. Membuat model

Letakkan pada folder models.

m_jenis.php

 3. Membuat controllers

Letakkan pada folder controllers.

crud.php

 4. Membuat view

Dalam implementasi Twitter Bootstrap pada CodeIgniter, penggunaan View sangatlah penting, hal ini digunakan agar deklarasi file-file bootstrap cukup dilakukan sekali saja. Maka kita buat base View. Letakkan pada folder views.

dh_view.php

setelah itu buat view untuk menampilkan data dalam bentuk tabel

tabel.php

Setelah membuat view untuk tampilan utama, sekarang kita membutuhkan view untuk form tambah dan edit, oleh karena itu kita akan membuat view satu lagi dengan nama formjenis.php

Hasilnya seperti ini :

Demo aplikasi : disini

Semoga bermanfaat. Terima kasih.

Dilihat sebanyak : 1077 kali

Print Friendly

One Response to Belajar CRUD Menggunakan CodeIgniter dan Twitter Bootstrap

  1. Gan sekedar saran komen nya buat Disquis donk biar lebih hidup komennya, karena blog agan banyak ilmunya ku lihat, oh iya gan sekedar request neh perbanyak donk tentang CI

Leave a Reply

Your email address will not be published. Required fields are marked *

*

code

[+] kaskus emoticons nartzco