You are on page 1of 11

Aplikasi Tambah, Update dan Hapus Data di CodeIgniter 1.7.2 Menggunakan Netbeans IDE 6.

8 October 6, 2011 Membuat aplikasi tambah, update dan hapus data DI CodeIgniter 1.7.2 menggunakan Netbeans ide 6.8

1. BukaNetbeansIDe6.8,buatprojectbarukliknewproject>pilihPHP>kliknext>tentukan namaprojectyangdikehendakidanlokasiproject>kliknext>kliknext>klikfinish. Titis Sari Putri 3A-SI-22 | 1

Aplikasi Tambah, Update dan Hapus Data di CodeIgniter 1.7.2 Menggunakan Netbeans IDE 6.8 October 6, 2011 2. Makaakanmunculprojectbarusepertigambarberikut: 3. EkstrakcodeIgniterkedalamdirektoriprojectyangbarudibuat,kemudianberinamabaru (rename)padafilecodeigniteryangbarudiekstrakagarmempermudahpenulisanurlnya. Titis Sari Putri 3A-SI-22 | 2

Aplikasi Tambah, Update dan Hapus Data di CodeIgniter 1.7.2 Menggunakan Netbeans IDE 6.8 October 6, 2011

4. Aktifkanwerserverxampp Titis Sari Putri 3A-SI-22 | 3

Aplikasi Tambah, Update dan Hapus Data di CodeIgniter 1.7.2 Menggunakan Netbeans IDE 6.8 October 6, 2011 5. Bukawebbrowser,bukaphpmyadmin,kemudianbuatdatabasebernamatutorial_ci,dan buatlahsebuahtablebernamamahasiswa,kemudiancopykanSQLberikut:
CREATE TABLE IF NOT EXISTS `mahasiswa` ( `id` INT(5) NOT NULL AUTO_INCREMENT, `nim` VARCHAR(20) NOT NULL, `nama` VARCHAR(100) NOT NULL, `alamat` text NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

Sehinggaakantampiltablesepertiberikut:

6. Kemudianlakukankonfigurasipadabeberapafileyangterletakdifolderconfig.Beberapafile diantaranyaadalahconfig.php,autoload.php,database.php,routes.php. a. Config.php LakukaneditpadabaseURLnya.BaseURLadalahalamatyangakandiaksesmelaluiweb browser.Buatalamatsesuainamafoldercodeigniteranda.Jikamenggunakannetbeans, makadirektorinyadidahuluidengannamafoldernetbeansproject. BaseURLawal: K Kemudianeditmenjadi: PhpProject2adalahnamanetbeansproject,sedangkancode2adalahnamafolder CodeIgniteryangdiekstrakkedalamprojectnetbeans. b. Autoload.php JIkakitamenggunakankoneksidatabase,makaeditpadalibrariesnyasepertigambar berikut: Ubahmenjadi: c. Database.php Ubahkonfigurasidatabasesepertigambarberikut: Sebelumdiedit:

Titis Sari Putri 3A-SI-22 | 4

Aplikasi Tambah, Update dan Hapus Data di CodeIgniter 1.7.2 Menggunakan Netbeans IDE 6.8 October 6, 2011

editmenjadi:

d. Routes.php Ubahdefaultcontroller.Defaultcontrollermanakahyangakandiload?Makatuliskan namafilecontrolleryangadadalamfoldercontroller. Sebelumdiedit,defaultcontrollerakanmengacupadacontrollerwelcome.php Kemudiankitagantimenjadinamacontrolleryangkitabuat.Karenacontrolleryangakan dibuatadalahdata_mahasiswa.php,makakitatuliskancontrollerdata_mahasiswapada defaultcontroller. 7. Buatlahsebuahfilemahasiswa_model.phpdifolder modelsdenganisiadalahbarisan kodesepertiberikut: <?php classMahasiswa_modelextendsModel{ functionselectAll(){ return$this>db>get('mahasiswa')>result(); } functioninsert($set){ $this>db>insert('mahasiswa',$set); } functiondelete($id){ $this>db>delete('mahasiswa',array('id'=>$id)); } Titis Sari Putri 3A-SI-22 | 5

Aplikasi Tambah, Update dan Hapus Data di CodeIgniter 1.7.2 Menggunakan Netbeans IDE 6.8 October 6, 2011 functionupdate($id){ $this>db>where('id',$id)>update('mahasiswa',$_POST); } functionselect($id){ return$this>db>get_where('mahasiswa',array('id'=>$id))>row(); } } ?> Penjelasanscript: function selectAll(), yang mana berfungsi untuk menyeleksi semua field di table mahasiswa(select * from mahasiswa) function insert berfungsi memasukkan data dari add_view.php, ketika di submit, modelakanmenginsertkannyakedbdenganfunctioninsertini. function update() dan select($id) untuk menyeleksi SATU data yang akan dipilih berdasarkan idnya dibuat di model mahasiswa.php di /system/application/models,,, fungsi update(), yang equivalen dengan query update from mahasiswa where id=$id set $_POST.Danfungsiselectyangnantinyaakankitagunakan ketika nilai dari data akan dimasukkan ke dalam sebuah form (untuk diedit) sehinggakitamenggunakanrow()yangberfungsimeretrievedatamenjadiobjek, tetapihanyaSATUBARISDATA... 8. Buatcontrollerbarudengannamadata_mahasiswaberisicode: <?php classData_mahasiswaextendsController{ function__construct(){ parent::Controller(); $this>load>helper('url'); $this>load>model('mahasiswa_model'); } functionindex(){ $data['mahasiswa']=$this>mahasiswa_model>selectAll(); $this>load>view('data_mahasiswa_view',$data); } functionadd(){ if($_POST==NULL){ $this>load>view('add_view'); }else{ $this>mahasiswa_model>insert($_POST); redirect('data_mahasiswa/index'); } } functioninsert($set){ $this>db>insert('mahasiswa',$set); } Titis Sari Putri 3A-SI-22 | 6

Aplikasi Tambah, Update dan Hapus Data di CodeIgniter 1.7.2 Menggunakan Netbeans IDE 6.8 October 6, 2011 functiondelete($id){ $this>mahasiswa_model>delete($id); redirect('data_mahasiswa'); } functionedit($id){ if($_POST==NULL){ $data['m']=$this>mahasiswa_model>select($id); $this>load>view('edit_view',$data); }else{ $this>mahasiswa_model>update($id); redirect('data_mahasiswa'); } } } ?> PenjelasanScript: function __construct() adalah sebagai konstruktor berbagai perintah yang ada di dalam fungsi ini akan selalu dipanggil di saat objek Data_mahasiswa dibuatjadiberbagaifungsiuntukmeloadlibrary,model,helper,dansebagainya, kitatinggalmasukkandifunctioninisupayatidakdiketikulangdisetiapfungsi. Karena kita akan meload model mahasiswa_model setiap kali dibuat controller, maka kita load modelnya di bagian __construct() di dalam controller Data_mahasiswa. Jadi, di bawah function __construct(), kita tambahkan
code parent::Controller(); $this->load->model('mahasiswa_model');

function index() sebagai penampil semua data yang ada di table mahasiswa, jadi URLnya akan berbentuk http://localhost/mahasiswa/data_mahasiswa/index ATAU http://localhost/mahasiswa/data_mahasiswa (Index tidak perlu dituliskan) Di dalam function index() di atas, kita lihat ada script seperti ini: $data['mahasiswa'] = $this->mahasiswa_model->selectAll(); kode tersebut berarti data hasil keluaran dari function selectAll() di model mahasiswa_model berupa array dan disimpan di dalam array $data['mahasiswa'],yangnantinyadatatersebutbisadiaksesdiview.. $this->load->view('data_mahasiswa_view'); function view() dalam objek load adalah untuk meload view yang sudah kita buat di /system/application/views, dengan mengeset variable hasil ekstrak darivariable$data,sehingganantibisadiaksesdariview.. Function add() berfungsi untuk meload file view yang bernama add_view.php fungsi If untuk mengecek apakah data dari $_POST sudah terSET atau belum kalo kita udah mengklik submit, berarti kita sudah mengeset variable $_POST jikabelum(=NULL),makaprogramhanyameloadviewsaja. Titis Sari Putri 3A-SI-22 | 7

Aplikasi Tambah, Update dan Hapus Data di CodeIgniter 1.7.2 Menggunakan Netbeans IDE 6.8 October 6, 2011 disanaadafunctionredirect(),yaitufunctionbawaanCI,yangberfungsiuntuk meredirect halaman (mengalihkan), sehingga ketika kita menambahkan data, makaakandialihkanlagikeindex fungsi delete di atas memanggil fungsi dari objek Mahasiswa_model yaitu delete, yang akan menghapus data dari table mahasiswa yang id nya adalah parameter dari function tersebut ($id) Kemudian setelah itu baru diredirect/dialihkanketampilanindexdaricontrollerdata_mahasiswa. fungsi edit di controller data_mahasiswa.php dengan parameter $id.. untuk mengubah data pada setiap data yang ada dengan mengambil idnya dan dipanggillah fungsi update() dari model mahasiswa Tetapi sebelumnya kita harus ngambil sebuah data mahasiswa tertentu berdasarkan $id yang ada untuk dimasukkan ke dalam form,, sehingga nantinya bisa diubah makanya kita membuatfungsiselect() fungsi if else dalam function edit digunakanmengecekapakahdataudahdikirimataubelum(NULL)?Nah,kloudah dikirim berarti bakal diupdate kalo belum maka program akan mengambil data (select)dandimasukkankedalamform Kemudian terdapat fungsi redirect (sama seperti add), ketika data sudah diubah, maka halaman langsung dialihkan ke dalam action yang ada di prameter redirect tersebut.

9. View 9 Buatviewdengannamadata_mahaiswa_viewberisicode: <h1>DataMahasiswa</h1> <tableborder="4"> <thead> <tr> <th>No</th> <th>NIM</th> <th>Nama</th> <th>Alamat</th> <th>Aksi</th> </tr> </thead> <tbody> <?php$i=1?> <?phpforeach($mahasiswaas$m):?> <tr> <td><?phpecho$i++?></td> <td><?phpecho$m>nim?></td> <td><?phpecho$m>nama?></td> <td><?phpecho$m>alamat?></td> <td><?php echo anchor('data_mahasiswa/edit/'.$m>id, 'Ubah') . ' | ' . anchor('data_mahasiswa/delete/'.$m>id,'Hapus');?></td> </tr> Titis Sari Putri 3A-SI-22 | 8

Aplikasi Tambah, Update dan Hapus Data di CodeIgniter 1.7.2 Menggunakan Netbeans IDE 6.8 October 6, 2011 <?phpendforeach?> </tbody> </table> <?phpechoanchor('data_mahasiswa/add','TambahData')?> Penjelasanscript: anchorsebagailinkkefunctionadd()diController(fungsiinibelumdibuat) 9 Buatviewdengannamaadd_viewberisicode: <h1>Tambahdata</h1> <formaction=""method="post"> <table> <tr> <th>NIM</th> <td><inputname="nim"/></td> </tr> <tr> <th>Nama</th> <td><inputname="nama"/></td> </tr> <tr> <th>Alamat</th> <td><textareaname="alamat"></textarea></td> </tr> <tr> <th></th> <td><inputtype="submit"value="tambah"/></td> </tr> </table> </form> 9 Buatviewdengannamaedit_viewberisicode: <h1>Ubahdata</h1> <formaction=""method="post"> <table> <tr> <th>NIM</th> <td><inputname="nim"value="<?phpecho$m>nim?>"/></td> </tr> <tr> <th>Nama</th> <td><inputname="nama"value="<?phpecho$m>nama?>"/></td> </tr> <tr> <th>Alamat</th> <td><textareaname="alamat"><?phpecho$m>alamat?></textarea></td> </tr> <tr> <th></th> Titis Sari Putri 3A-SI-22 | 9

Aplikasi Tambah, Update dan Hapus Data di CodeIgniter 1.7.2 Menggunakan Netbeans IDE 6.8 October 6, 2011 <td><inputtype="submit"value="ubah"/></td> </tr> </table> </form> Silakan cek program yang sudah dibuat dengan mengetikkan alamat url : http://localhost/PhpProject2/code2/index.php/data_mahasiswa Ketika di load browser dengan mengetikkan url : http://localhost/PhpProject2/code2/index.php/data_mahasiswa, berikut tampilan halaman pertamayangdiload: Tampilan halaman yang diload adalah data_mahasiswa_view.php Datapadatableyangdibuattadimasihkosong,kliklinktambahdatauntukmenambahdata. Makaakanmuncultampilansebagaiberikut: Tampilan halaman tambah data tersebut adalah tampilan dari file add_view.php. Isi kolom yang tersedia kemudian klik tomboltambah. Setelahtomboltambahdiklik,makatampildatayangbarusajaditambahkansepertitampak padagambarberikut: Titis Sari Putri 3A-SI-22 | 10

10. 11.

12.

13.

Aplikasi Tambah, Update dan Hapus Data di CodeIgniter 1.7.2 Menggunakan Netbeans IDE 6.8 October 6, 2011 14. Jika ingin mengubah data, kita bisa mengklik link ubah yang ada pada kolom table aksi. Kemudianakanmunculhamanubahsepertigambarberikut: setelah melakukan perubahan pada data klik tombol ubah. Data yang telah di ubah/ di updateakanmunculdihalamansepertigambarberikut: 15. Jikainginmenghapusdata,kliklinkhapusyangadapadatableaksi. 16. Referensitutorial: 1. http://harian.cheyuz.com/_other/tutorialcodeigniterdasarparti 2. http://harian.cheyuz.com/_other/tutorialcodeigniterdasarpartiicrudchapter1 3. http://harian.cheyuz.com/_other/tutorialcodeigniterdasarpartiicrudchapter2

Titis Sari Putri 3A-SI-22 | 11

You might also like