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. Buka Netbeans IDe 6.8, buat project baru klik new project > pilih PHP > klik next > tentukan  nama project yang dikehendaki dan lokasi project > klik next > klik next > klik finish.                                                                              Titis Sari Putri 3A-SI-22 | 1    

Ekstrak codeIgniter ke dalam direktori project yang baru dibuat. kemudian beri nama baru  (rename) pada file codeigniter yang baru di ekstrak agar mempermudah penulisan url‐nya. 2011                               2. Update dan Hapus Data di CodeIgniter 1. Maka akan muncul project baru seperti gambar berikut :                            3.7.Aplikasi Tambah.8 October 6.2 Menggunakan Netbeans IDE 6.                    Titis Sari Putri 3A-SI-22 | 2     .

Aplikasi Tambah.8 October 6.2 Menggunakan Netbeans IDE 6. 2011                                                         4.7. Update dan Hapus Data di CodeIgniter 1. Aktifkan wer server xampp                  Titis Sari Putri 3A-SI-22 | 3     .

    b.php  Ubah konfigurasi database  seperti gambar berikut :  Sebelum di edit :  Titis Sari Putri 3A-SI-22 | 4     .php. Config.7. Update dan Hapus Data di CodeIgniter 1. `nim` VARCHAR(20) NOT NULL. kemudian buat database bernama tutorial_ci. Autoload. Beberapa file  diantaranya adalah config. maka edit pada libraries‐nya seperti gambar  berikut :    Ubah menjadi :         c.php.8 October 6.   Sehingga akan tampil table seperti berikut :      6.Aplikasi Tambah. Jika menggunakan netbeans.2 Menggunakan Netbeans IDE 6.php.php  JIka kita menggunakan koneksi database. database. Kemudian lakukan konfigurasi pada beberapa file yang terletak di folder config. Buat alamat sesuai nama folder codeigniter anda.php  Lakukan edit pada base URL‐nya. 2011   5.  maka direktorinya didahului dengan nama folder netbeans project. kemudian copykan SQL berikut :  CREATE TABLE IF NOT EXISTS `mahasiswa` ( `id` INT(5) NOT NULL AUTO_INCREMENT. Base URL adalah alamat yang akan diakses melalui web  browser. dan  buatlah sebuah table bernama mahasiswa.  a. Buka web browser. sedangkan code2 adalah nama folder  CodeIgniter yang diekstrak kedalam project netbeans.  Base URL awal :    K  Kemudian edit menjadi :      PhpProject2 adalah nama netbeans project.php. `nama` VARCHAR(100) NOT NULL. `alamat` text NOT NULL. autoload. PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 . buka phpmyadmin. routes. Database.

      7. Default controller manakah yang akan di load? Maka tuliskan  nama file controller yang ada dalam folder controller.2 Menggunakan Netbeans IDE 6. Karena controller yang akan  di buat adalah data_mahasiswa.8 October 6.php.php  Ubah default controller. $set).  Sebelum di edit.      }     function insert($set){          $this‐>db‐>insert('mahasiswa'. Routes. 2011     edit menjadi :    d. Update dan Hapus Data di CodeIgniter 1. Buatlah sebuah file mahasiswa_model. array('id'=>$id)). default controller akan mengacu pada controller welcome.php di folder models dengan isi adalah barisan  kode seperti berikut:  <?php    class Mahasiswa_model extends Model {      function selectAll(){          return $this‐>db‐>get('mahasiswa')‐>result(). maka kita tuliskan controller data_mahasiswa pada  default controller.Aplikasi Tambah.      }  Titis Sari Putri 3A-SI-22 | 5     .7.php     Kemudian kita ganti menjadi nama controller yang kita buat.      }  function delete($id){          $this‐>db‐>delete('mahasiswa'.

. Buat controller baru dengan nama data_mahasiswa berisi code :  <?php  class Data_mahasiswa extends Controller {      function  __construct() {          parent::Controller().          }      }    function insert($set){          $this‐>db‐>insert('mahasiswa'.Aplikasi Tambah. $set).      $this‐>load‐>helper('url').  • fungsi  update().$id)‐>update('mahasiswa'.      }      function select($id){          return $this‐>db‐>get_where('mahasiswa'.2 Menggunakan Netbeans IDE 6.. Dan fungsi select yang nantinya akan kita gunakan  ketika  nilai  dari  data  akan  dimasukkan  ke  dalam  sebuah  form  (untuk  diedit)  sehingga kita menggunakan row() yang berfungsi meretrieve data menjadi objek.  model akan menginsertkannya ke db dengan function insert ini. $_POST).  tetapi hanya SATU BARIS DATA.8 October 6.php.      }  }  ?>  Penjelasan script :   • function  selectAll().php  di  /system/application/models..7.              redirect('data_mahasiswa/index'). array('id'=>$id))‐>row(). 2011     function update($id){          $this‐>db‐>where('id'.  • function  update()  dan  select($id)  untuk  menyeleksi  SATU  data  yang  akan  dipilih  berdasarkan  id‐nya…  dibuat  di  model  mahasiswa.          $this‐>load‐>view('data_mahasiswa_view'. Update dan Hapus Data di CodeIgniter 1. $data).  yang  mana  berfungsi  untuk  menyeleksi  semua  field  di  table  mahasiswa (select * from mahasiswa)  • function  insert  berfungsi  memasukkan  data  dari  add_view.      }  Titis Sari Putri 3A-SI-22 | 6     ..    8.  ketika  di  submit.  yang  equivalen  dengan  query  update from mahasiswa where id=$id set $_POST.          }else {              $this‐>mahasiswa_model‐>insert($_POST).      }       function add() {          if($_POST==NULL) {              $this‐>load‐>view('add_view').          $this‐>load‐>model('mahasiswa_model').      }      function index(){          $data['mahasiswa'] = $this‐>mahasiswa_model‐>selectAll().

 model.  function  view()  dalam  objek  ‘load’  adalah  untuk  meload  view  yang  sudah  kita  buat  di  /system/application/views.          }      }  }  ?>  Penjelasan Script :  • function  __construct()  adalah  sebagai  konstruktor…  berbagai  perintah  yang  ada  di  dalam  fungsi  ini  akan  selalu  dipanggil  di  saat  objek  Data_mahasiswa  dibuat… jadi berbagai fungsi untuk meload library. sehingga nanti bisa diakses dari view..7. dan sebagainya. yang nantinya data tersebut bisa diakses di view.  Titis Sari Putri 3A-SI-22 | 7     . kita tambahkan code parent::Controller().Aplikasi Tambah.          redirect('data_mahasiswa').  maka  kita  load  modelnya  di  bagian  __construct()  di  dalam  controller  Data_mahasiswa.2 Menggunakan Netbeans IDE 6.  kita tinggal masukkan di function ini supaya tidak diketik ulang di setiap fungsi…. maka program hanya meload view saja….  berarti  kita  sudah  mengeset  variable  $_POST…  jika belum (=NULL).  kode  tersebut  berarti  data  hasil  keluaran  dari  function  selectAll()  di  model  mahasiswa_model  berupa  array  dan  disimpan  di  dalam  array  $data['mahasiswa']. 2011     function delete($id){          $this‐>mahasiswa_model‐>delete($id).$data). Update dan Hapus Data di CodeIgniter 1.  Jadi.  di  bawah  function  __construct().  dengan  mengeset  variable  hasil  ekstrak  dari variable $data.              $this‐>load‐>view('edit_view'.              redirect('data_mahasiswa').php…  fungsi  If  untuk  mengecek  apakah  data  dari  $_POST  sudah  terSET  atau  belum…  kalo  kita  udah  mengklik  submit.  Function  add()  berfungsi  untuk  meload  file  view  yang  bernama  add_view.  kita  lihat  ada  script  seperti  ini:  $data['mahasiswa'] = $this->mahasiswa_model->selectAll().      }     function edit($id) {          if($_POST==NULL) {              $data['m'] = $this‐>mahasiswa_model‐>select($id).8 October 6..  $this->load->view('data_mahasiswa_view').          }else {              $this‐>mahasiswa_model‐>update($id).  • Karena  kita  akan  meload  model  mahasiswa_model  setiap  kali  dibuat  controller. • • • • function  index()  sebagai  penampil  semua  data  yang  ada  di  table  mahasiswa. helper. $this->load->model('mahasiswa_model').  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.

Update dan Hapus Data di CodeIgniter 1.php  dengan  parameter  $id.  anchor('data_mahasiswa/delete/'. View  9 Buat view dengan nama data_mahaiswa_view berisi code :  <h1>Data Mahasiswa</h1>  <table border="4">      <thead>          <tr>              <th>No</th>              <th>NIM</th>              <th>Nama</th>              <th>Alamat</th>              <th>Aksi</th>          </tr>      </thead>      <tbody>          <?php $i = 1 ?>          <?php foreach($mahasiswa as $m): ?>          <tr>              <td><?php echo $i++ ?></td>              <td><?php echo $m‐>nim ?></td>              <td><?php echo $m‐>nama ?></td>              <td><?php echo $m‐>alamat ?></td>              <td><?php  echo  anchor('data_mahasiswa/edit/'. yang berfungsi untuk  me‐redirect  halaman  (mengalihkan)..  maka akan dialihkan lagi ke index…  fungsi  delete  di  atas  memanggil  fungsi  dari  objek  Mahasiswa_model  yaitu  delete. 2011   • di sana ada function redirect().  sehingga  nantinya  bisa  diubah…  makanya  kita  membuat fungsi select() fungsi  if  else…  dalam  function  edit   digunakan mengecek apakah data udah dikirim atau belum (NULL)? Nah. 'Hapus').2 Menggunakan Netbeans IDE 6. yaitu function bawaan CI.  '  |  '  . klo udah  dikirim  berarti  bakal  diupdate…  kalo  belum  maka  program  akan  mengambil  data  (select) dan dimasukkan ke dalam form…  Kemudian  terdapat  fungsi  redirect  (sama  seperti  add).$m‐>id.  yang  akan  menghapus  data  dari  table  mahasiswa  yang  id  nya  adalah  parameter  dari  function  tersebut  ($id)…  Kemudian  setelah  itu  baru  diredirect/dialihkan ke tampilan index dari controller data_mahasiswa.  • • • •   9.  fungsi  edit  di  controller  data_mahasiswa.  ketika  data  sudah  diubah.  untuk  mengubah  data  pada  setiap  data  yang  ada  dengan  mengambil  id‐nya…  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.8 October 6.Aplikasi Tambah..  'Ubah')  . ?></td>          </tr>  Titis Sari Putri 3A-SI-22 | 8     .  maka  halaman  langsung  dialihkan  ke  dalam  action  yang  ada  di  prameter  redirect  tersebut….7.$m‐>id.  sehingga  ketika  kita  menambahkan  data.

7. Update dan Hapus Data di CodeIgniter 1.8 October 6. 2011           <?php endforeach ?>      </tbody>  </table>  <?php echo anchor('data_mahasiswa/add'.2 Menggunakan Netbeans IDE 6. 'Tambah Data') ?>  Penjelasan script :  • anchor sebagai link ke function add() di Controller (fungsi ini belum dibuat)    9 Buat view dengan nama add_view berisi code :  <h1>Tambah data</h1>  <form action="" method="post">      <table>          <tr>              <th>NIM</th>              <td><input name="nim" /></td>          </tr>          <tr>              <th>Nama</th>              <td><input name="nama" /></td>          </tr>          <tr>              <th>Alamat</th>              <td><textarea name="alamat"></textarea></td>          </tr>          <tr>              <th></th>              <td><input type="submit" value="tambah" /></td>          </tr>      </table>  </form>    9 Buat view dengan nama edit_view berisi code :  <h1>Ubah data</h1>  <form action="" method="post">      <table>          <tr>              <th>NIM</th>              <td><input name="nim" value="<?php echo $m‐>nim ?>" /></td>          </tr>          <tr>              <th>Nama</th>              <td><input name="nama" value="<?php echo $m‐>nama ?>" /></td>          </tr>          <tr>              <th>Alamat</th>              <td><textarea name="alamat"><?php echo $m‐>alamat ?></textarea></td>          </tr>          <tr>              <th></th>  Titis Sari Putri 3A-SI-22 | 9     .Aplikasi Tambah.

11.php/data_mahasiswa.  berikut  tampilan  halaman  pertama yang diload :  Tampilan  halaman  yang  diload  adalah  data_mahasiswa_view.7.php                    Data pada table yang dibuat tadi masih kosong. Update dan Hapus Data di CodeIgniter 1.Aplikasi Tambah.php/data_mahasiswa   Ketika  di  load  browser  dengan  mengetikkan  url  :  http://localhost/PhpProject2/code2/index. 12.8 October 6. maka tampil data yang baru saja ditambahkan seperti tampak  pada gambar berikut :                  Titis Sari Putri 3A-SI-22 | 10     10. 13. .  Maka akan muncul tampilan sebagai berikut :  Tampilan  halaman  tambah  data  tersebut  adalah  tampilan  dari  file  add_view. 2011               <td><input type="submit" value="ubah" /></td>          </tr>      </table>  </form>    Silakan  cek  program  yang  sudah  dibuat  dengan  mengetikkan  alamat  url  :  http://localhost/PhpProject2/code2/index.2 Menggunakan Netbeans IDE 6. klik link tambah data untuk menambah data.                  Setelah tombol tambah di klik.  Isi  kolom  yang  tersedia  kemudian  klik  tombol tambah.php.

cheyuz.com/_other/tutorial‐codeigniter‐dasar‐part‐ii‐crud‐chapter‐2      Titis Sari Putri 3A-SI-22 | 11     .  Kemudian akan muncul haman ubah seperti gambar berikut :                        setelah  melakukan  perubahan  pada  data  klik  tombol  ubah.com/_other/tutorial‐codeigniter‐dasar‐part‐ii‐crud‐chapter‐1  3.8 October 6.  Data  yang  telah  di  ubah/  di  update akan muncul di halaman seperti gambar berikut :                    15. http://harian.com/_other/tutorial‐codeigniter‐dasar‐part‐i   2.7.Aplikasi Tambah. Jika ingin menghapus data.2 Menggunakan Netbeans IDE 6.cheyuz. http://harian. Update dan Hapus Data di CodeIgniter 1.  16. Referensi tutorial :  1. Jika  ingin  mengubah  data.cheyuz. http://harian. klik link hapus yang ada pada table aksi.  kita  bisa  meng‐klik  link  ubah  yang  ada  pada  kolom  table  aksi. 2011         14.

Sign up to vote on this title
UsefulNot useful