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    

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

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

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

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

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

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

$m‐>id.  '  |  '  . Update dan Hapus Data di CodeIgniter 1..  maka akan dialihkan lagi ke index…  fungsi  delete  di  atas  memanggil  fungsi  dari  objek  Mahasiswa_model  yaitu  delete. 2011   • di sana ada function redirect(). 'Hapus').  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.  maka  halaman  langsung  dialihkan  ke  dalam  action  yang  ada  di  prameter  redirect  tersebut…. ?></td>          </tr>  Titis Sari Putri 3A-SI-22 | 8     . yang berfungsi untuk  me‐redirect  halaman  (mengalihkan).  anchor('data_mahasiswa/delete/'.  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. yaitu function bawaan CI.$m‐>id..7.php  dengan  parameter  $id.  'Ubah')  .8 October 6.2 Menggunakan Netbeans IDE 6.  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.Aplikasi Tambah.  sehingga  ketika  kita  menambahkan  data.  • • • •   9. 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). 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/'.

8 October 6. 2011           <?php endforeach ?>      </tbody>  </table>  <?php echo anchor('data_mahasiswa/add'.7.2 Menggunakan Netbeans IDE 6.Aplikasi Tambah. Update dan Hapus Data di CodeIgniter 1. '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     .

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

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

Sign up to vote on this title
UsefulNot useful