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    

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

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

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

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

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

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

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

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

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

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

Sign up to vote on this title
UsefulNot useful