P. 1
Membuat Aplikasi Sederhana Menggunakan Netbeans Ide 6

Membuat Aplikasi Sederhana Menggunakan Netbeans Ide 6

|Views: 298|Likes:
Published by Titis Sari Putri

More info:

Published by: Titis Sari Putri on Jun 27, 2013
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

04/23/2015

pdf

text

original

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    

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

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

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

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

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

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

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

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

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

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

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->