Membuat CRUD CodeIgniter dengan Tampilan Bootstrap

Posted : 17 Februari 2015 | 05:38:41 , Dibaca 53196 kali

Kembali bersama dengan saya, kali ini saya akan berbagi sedikit tentang crud di codeigniter. CRUD sendiri adalah Create Read Update
Delete data yang berada pada database. Dalam sebuah projek yang pasti tidak bisa lepas dari CRUD sebab ini adalah elemen paling dasar
dalam membangun sebuah projek website maupun aplikasi.

Mari kita mulai pertama kita siapkan segala perlengkapan nya yakni
1. Database
2. Core Codeigniter
3. Bootstrap template
4. Jquery
Pada artikel sebelum-sebelumnya saya sudah pernah membuat tampilan codeigniter dengan bootstrap : Membuat tampilan CodeIgniter
dengan Bootstrap silakan dibaca dan dipraktekan sebab ini merupakan lanjutan dari tutorial tersebut. Saya asumsusikan templatenya udah
jadi tinggal nanti kita ubah sedikit dan kita bangun crudnya.

Database
Ciptakan sebuah database di mysql agar nantinya kita simpan datanya disana, agar seragam kita buat nama databasenya db_crud dengan
nama tabel tb_barang
?
1
2 CREATE TABLE `tb_barang` (
`kode_brg` int(5) NOT NULL AUTO_INCREMENT,
3
`barcode` varchar(20) NOT NULL,
4 `nama_brg` varchar(150) NOT NULL,
5 `harga_brg` int(10) NOT NULL,
6 `keterangan` tinytext NOT NULL,
7 `jenis` varchar(30) DEFAULT NULL,
`satuan` varchar(30) DEFAULT NULL,
8 `stok_brg` int(5) DEFAULT NULL,
9 PRIMARY KEY (`kode_brg`)
10) ENGINE=MyISAM AUTO_INCREMENT=3 DEFAULT CHARSET=latin1
11

Konfigurasi Codeigniter
Konfigurasi database.php di folder application/config seperti dibawah ini :
?
1$db['default']['hostname'] = 'localhost';
2$db['default']['username'] = 'root';
3$db['default']['password'] = '';
4$db['default']['database'] = 'db_crud';
sesuaikan dengan webserver agan-agan
kemudian di routes.php masih di folder yang sama
?
1$route['default_controller'] = "barang";
2$route['404_override'] = '';
jadi nantinya default controllernya akan mengakses controller barang
kemudian di autoload.php masih difolder yang sama, tambahkah librari database, session dan url , buat seperti ini
?
1$autoload['libraries'] = array('database','session');
2
3$autoload['helper'] = array('url');

.htaccess
tambahkan file .htaccess pada root foldernya buat seperti dibawah ini
?
1RewriteEngine On
2RewriteCond %{REQUEST_FILENAME} -s [OR]
3RewriteCond %{REQUEST_FILENAME} -l [OR]
4RewriteCond %{REQUEST_FILENAME} -d
5RewriteRule ^.*$ - [NC,L]
RewriteRule ^(.*)$ index.php/$1 [NC,L]
6
.htaccess selain sebagai security, berfungsi juga untuk menghilang index.php pada url, pada saat kita memanggil url

CRUD
Controller barang.php simpan di folder application/controllers/
?
1 <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
2
3 class Barang extends CI_Controller {
4
5 /*******
| CRUD barang
6 | controller barang view, create, update, delete
7 | by g2tech
8 ***********/
9 public function __construct() {
10 parent::__construct();
11 $this->load->model('mbarang');
12 $this->load->helper('form','url');
}
13//class fungsi awal ketika kita panggil controller barang
14 public function index()
15 {
16 $data['title'] = 'CRUD CodeIgniter Studi Kasus Barang'; //judul title
$data['qbarang'] = $this->mbarang->get_allbarang(); //model semua barang
17
18 $this->load->view('vbarang',$data); //load views vbarang
19
20 }
21
22 public function form(){
23 //ambil variabel URL
24 $mau_ke = $this->uri->segment(3);
25 $idu = $this->uri->segment(4);
26
27
28 //ambil variabel dari form
29 $id = addslashes($this->input->post('id'));
30 $kode = addslashes($this->input->post('kode'));
31 $nama = addslashes($this->input->post('nama'));
32 $jenis = addslashes($this->input->post('jenis'));
33 $keterangan = addslashes($this->input->post('uraian'));
34 $satuan = addslashes($this->input->post('satuan'));
35 $harga = addslashes($this->input->post('harga'));
36 $stok = addslashes($this->input->post('stok'));
37
38//mengarahkan fungsi form sesuai dengan uri segmentnya
39 if ($mau_ke == "add") {//jika uri segmentnya add
$data['title'] = 'Tambah barang';
40 $data['aksi'] = 'aksi_add';
41 $this->load->view('vformbarang',$data);
42 } else if ($mau_ke == "edit") {//jika uri segmentnya edit
43 $data['qdata'] = $this->mbarang->get_barang_byid($idu);
$data['title'] = 'Edit barang';
44 $data['aksi'] = 'aksi_edit';
45 $this->load->view('vformbarang',$data);
} else if ($mau_ke == "aksi_add") {//jika uri segmentnya aksi_add sebagai fungsi untuk insert
46 $data = array(
47 'barcode' => $kode,
48 'nama_brg' => $nama,
49 'harga_brg' => $harga,
50 'keterangan'=> $keterangan,
51 'satuan' => $satuan,
52 'jenis' => $jenis,
53 'stok_brg' => $stok
54 );
55 $this->mbarang->get_insert($data); //model insert data barang
$this->session->set_flashdata("pesan", "<div class=\"alert alert-success\" id=\"alert\"><i class=\"glyphic
56insert</div>"); //pesan yang tampil setalah berhasil di insert
57 redirect('barang');
58 } else if ($mau_ke == "aksi_edit") { //jika uri segmentnya aksi_edit sebagai fungsi untuk update
59 $data = array(
60 'barcode' => $kode,
61 'nama_brg' => $nama,
62 'harga_brg' => $harga,
'keterangan'=> $keterangan,
63
'satuan' => $satuan,
64
'jenis' => $jenis,
65
'stok_brg' => $stok
66
);
67 $this->mbarang->get_update($id,$data); //modal update data barang
68 $this->session->set_flashdata("pesan", "<div class=\"alert alert-success\" id=\"alert\"><i class=\"glyphic
69diupdate</div>"); //pesan yang tampil setelah berhasil di update
70 redirect('barang');
}
71
72 }
73 public function detail($id){ //fungsi detail barang
74 $data['title'] = 'Detail Barang'; //judul title
75 $data['qbarang'] = $this->mbarang->get_barang_byid($id); //query model barang sesuai id
76
$this->load->view('vdetbarang',$data); //meload views detail barang
77 }
78 public function hapus($gid){ //fungsi hapus barang sesuai dengan id
79
$this->mbarang->del_barang($gid);
80 $this->session->set_flashdata("pesan", "<div class=\"alert alert-danger\" id=\"alert\"><i class=\"glyphicon gl
81 redirect('barang');
82 }
83}
84
85/* End of file barang.php */
/* Location: ./application/controllers/barang.php */
86
87
88
89
90
91
92
93
94
95
Pada controller diatas sudah tersedia semua aksi crud yang akan dieksekusi. Sekarang kita tinggal buatkan model dan view nya. Mari kita
lanjutkan
Bersambung ... Membuat CRUD CodeIgniter dengan Tampilan Bootstrap II
- See more at: http://fabernainggolan.net/membuat-crud-codeigniter-dengan-tampilan-bootstrap#sthash.V1La0fO7.dpuf