Breaking News

Home / Web Design / Cara Membuat Aplikasi Web Dengan Codeigniter (Part 2) CRUD

Cara Membuat Aplikasi Web Dengan Codeigniter (Part 2) CRUD

02.55

Assalamu’alaikum,  selamat malam semua sebagai lanjutan tutorial kemarin kali ini saya akan sharing sedikit tentang penggunaan model pada CodeIgniter.
Seperti yang sudah di ketahui fungsi Model adalah untuk proses Interaksi dengan database.

Berikut Contoh Penggunaan Controller, View & Model

Pertama Konfigurasi codeigniter pada file “application/config/database.php”
$active_group = 'default';
$active_record = TRUE;
$db['default']['hostname'] = 'localhost';
$db['default']['username'] = 'root';
$db['default']['password'] = '';
$db['default']['database'] = ‘mydb';
$db['default']['dbdriver'] = 'mysql';
….
•      Buat database sesuai dengan database name pada file database.php
•      Buat table dengan nama buku, spesifikasi tabel sbb:


Atau copy script sql berikut :
CREATE TABLE `buku` (
  `kode_buku` varchar(20) primary key NOT NULL,
  `nama_buku` varchar(50) NOT NULL,
  `judul_buku` varchar(100) NOT NULL,
  `pengarang` varchar(50) NOT NULL,
  `jumlah_halaman` int(11) NOT NULL,
  `penerbit` varchar(100) NOT NULL,
  `tahun_terbit` date NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
Menampilkan Seluruh Data
•      Buat file buku_view.php  pada ci_lat/application/views/ sbb :
<!doctype html>
<html>
<head>
<meta  charset="utf-8"/>
<title><?php  echo  $judul; ?></title>
<style>
body{
font: 10px verdana
}
table{
width:100%; border:1px solid #ccc; align:left; 
}
th{
background:blue;   padding:3px; color:#fff;
}
td{
border:1px solid #ccc;
}
h1 {
font:20px verdana;
}
hr{
margin-bottom:20px;
}
h3 a{
font:10px verdana;
padding:5px;
background:red;
text-decoration:none;
color:#fff;
}
h3 a:hover{
background:green;
}
</style>
</head>
<body>
<h1>BUKU</h1>
<hr>
<h3><?php echo '<a href="'.base_url().'buku/add_buku">Add Buku</a>'?></h3>
<table>
<tr>
<th align="left">Kode Buku</th>
<th align="left">Nama Buku</th>
<th align="left">Judul Buku</th>
<th align="left">Pengarang</th>
<th align="left">Jumlah Halaman</th>
<th align="left">Penerbit</th>
<th align="left">Tahun Terbit</th>
<th colspan="2">Aksi</th>
</tr>
<?php
foreach($databuku as $buku){
?>
<tr>
<td><?php echo $buku->kode_buku; ?></td>
<td><?php echo $buku->nama_buku; ?></td>
<td><?php echo $buku->judul_buku; ?></td>
<td><?php echo $buku->pengarang; ?></td>
<td align="center"><?php echo $buku->jumlah_halaman; ?></td>
<td><?php echo $buku->penerbit; ?></td>
<td><?php echo $buku->tahun_terbit; ?></td>
<td><?php echo '<a href="'.base_url().'buku/delete_buku/'.$buku->kode_buku.'" onclick="return confirm(\'Anda yakin akan menghapus JUDUL BUKU '.$buku->judul_buku.'?\')">Delete</a>'?></td>
<td><?php echo '<a href="'.base_url().'buku/edit_buku/'.$buku->kode_buku.'">Edit</a>'?></td>
</tr>
<?php } ?>
</table>
</body>
</html>
•        Selanjutnya kita akan membuat model yang berisi perintah sql untuk menampilkan data. Buat file  “buku_model.php” pada ci_lat/application/models/  sbb :
<?php
class Buku_model extends CI_Model{
public  function  __construct()
{
parent::__construct();
$this->load->database();
}
public  function get_buku_all()
    {
        $query=$this->db->query("SELECT * FROM buku ORDER BY kode_buku");
return $query->result();
    }
}
•        Selanjutnya Buat file buku.php pada ci_lat/application/controller/   sbb :
<?php
class Buku extends CI_Controller{
Public  function __Construct()
    {
parent ::__construct();
$this->load->helper('form');
$this->load->helper('url');
}
public  function index()
{
redirect('buku/list_buku');
}

public  function list_buku()
    {
        $this->load->model('buku_model');
        $data['judul'] = '::DATA BUKU::';
      $data['databuku'] = $this->buku_model->get_buku_all();
        $this->load->view('buku_view', $data);
    }
}
•      Runing Program dengan URL :
http://localhost/ci_lat/buku
*untuk konfigurasi url bisa di lihat di tutorial part 1
•      Untuk membuat form add Buat file  View : addbuku_view.php  sbb
<!doctype html>
<html>
<head>
<title><?php echo $judul;?></title>
<style>
form{
font:10px verdana;   width:340px;
margin:20px auto; border:1px solid #ccc;
padding:0;
}
label{
font-weight:bold; margin-left:20px;
}
.judul{
background:blue; padding:7px;
font:14px verdana; color:#fff;
border:1px solid blue;
}
input[type="text"]{
margin-left:20px; width:300px;
border:1px solid #ccc;  height:25px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
input[type="submit"], input[type="reset"]{
margin-top:10px; font:10px verdana;
background:red; color:#fff;
padding:5px; width:50px;
border:1px solid red;  border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
input[type="submit"]{ margin-left:110px; }
input[type="reset"]{  margin-left:20px; }
</style>
</head>
<body>
<form action="simpan_buku" method="post">
<div class="judul">
:: TAMBAH BUKU ::
</div>
<p>
<label>Kode Buku</label><br />
<input name="kodebuku" type="text"/>
</p>
<p>
<label>Nama Buku</label><br />
<input type="text"  name="namabuku"/>
<p>
<p>
<label>Judul Buku</label><br />
<input type="text" name="judulbuku"/>
</p>
<p>
<label>Pengarang</label><br />
<input name="pengarang" type="text"/>
</p>
<p>
<label>Jumlah Halaman</label><br />
<input type="text" name="jumlahhalaman">
</p>
<p>
<label>Penerbit</label><br />
<input type="text" name="penerbit">
</p>
<p>
<label>Tahun Terbit (yyyy-mm-dd)</label><br />
<input type="text" name="tahunterbit">
</p>

<p>
<input type="submit" value="Simpan"/> 
<input type="reset" value="Back" onclick="self.history.back();"/>
</p>
</form>
</body>
</html>
•      Pada file Model :  buku_model.php,  tambahkan coding berikut setelah public function get_buku_all() :
          public function simpan_buku()
    {
        $simpan_data=array(
            'kode_buku ' => $this->input->post('kodebuku'),
            'nama_buku'     => $this->input->post('namabuku'),
            'judul_buku'     => $this->input->post('judulbuku'),
            'pengarang'         => $this->input->post('pengarang'),
            'jumlah_halaman' => $this->input->post('jumlahhalaman'),
'penerbit' => $this->input->post('penerbit'),
      'tahun_terbit' => $this->input->post('tahunterbit')
        );
      $simpan = $this->db->insert('buku', $simpan_data);
return $simpan;
  }
•      Pada file Controller :  buku.php,  tambahkan coding berikut setelah public function list_buku() :
          public function add_buku()
    {
        $data['judul'] = '::DATA BUKU::';
      $this->load->view('addbuku_view', $data);
    }

public function simpan_buku()
    {  
        $this->load->model('buku_model');
        $this->buku_model->simpan_buku();
redirect('buku/index');
    }
•      Runing Program dengan URL :

http://localhost/ci_lat/buku

•        Uji program dengan entry beberapa data

Delete Data

•      Pada file Controller :  buku.php,  tambahkan coding berikut setelah public  function simpan_buku():
           
           public function delete_buku($kode_buku)
   {
        $this->load->model('buku_model');
        $kode_buku = $this->buku_model->delete_buku($kode_buku);
redirect('buku/index');

    }
 •      Pada file Model :  buku_model.php,  tambahkan coding berikut setelah public function simpan_buku() :     
      public function delete_buku($kode_buku)
    {
        $query=$this->db->query("DELETE FROM buku WHERE kode_buku='$kode_buku'");
    }
•      Runing Program dengan URL :
http://localhost/ci_lat/buku
•        Uji program dengan melakukan delete data
Update Data
•      Buat file editbuku_view.php  pada ci_lat/application/views  sbb :
<!doctype html>
<html>
<head>
<title><?php echo $judul;?></title>
<style>
form{
font:10px verdana; width:340px;
margin:20px auto; border:1px solid #ccc;
padding:0;
}
label{
font-weight:bold; margin-left:20px;
}
    
.judul{
background:blue; padding:7px;
font:14px verdana; color:#fff;
border:1px solid blue;
}
input[type="text"]{
margin-left:20px; width:300px;
border:1px solid #ccc;
height:25px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
input[type="submit"], input[type="reset"]{
margin-top:10px; font:10px verdana;
background:red; color:#fff;
padding:5px;   width:50px;
border:1px solid red;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
input[type="submit"]{ margin-left:110px; }
input[type="reset"]{  margin-left:20px; }
</style>
</head>
<body>
<?php
$att = array('id' => 'user-buku');
echo form_open('buku/simpan_edit_buku', $att);
echo form_hidden('kode_buku',$edit->kode_buku);
?>
<form action="simpan_buku" method="post">
<div class="judul“> :: UPDATE BUKU ::</div>
<p>
<label>Kode Buku</label><br />
<input type="text" name="kodebuku" value="<?php echo $edit->kode_buku; ?>" readonly/>
</p>
<p>
<label>Nama Buku</label><br />
<input type="text" name="namabuku" value="<?php echo $edit->nama_buku; ?>"/>
<p>
<p>
<label>Judul Buku</label><br />
<input type="text" name="judulbuku" value="<?php echo $edit->judul_buku; ?>"/>
</p>
<p>
<label>Pengarang</label><br />
<input type="text" name="pengarang" value="<?php echo $edit->pengarang; ?>"/>
</p>
<p>
<label>Jumlah Halaman</label><br />
<input type="text" name="jumlahhalaman" value="<?php echo $edit->jumlah_halaman; ?>"/>
</p>
<p>
<label>Penerbit</label><br />
<input type="text" name="penerbit" value="<?php echo $edit->penerbit; ?>"/>
</p>
<p>
<label>Tahun Terbit (yyyy-mm-dd)</label><br />
<input type="text" name="tahunterbit" value="<?php echo $edit->tahun_terbit; ?>"/>
</p>
     <p>
<input type="submit" value="Update"/> 
<input type="reset" value="Back" onclick="self.history.back();"/>
   </p>
</form>
</body>
</html>
•      Pada file Controller :  buku.php,  tambahkan coding berikut setelah public function delete_buku($kode_buku)
public function edit_buku($kode_buku)
{
        $data['judul'] = '::DATA BUKU::';
        $this->load->model('buku_model');
        $data['edit']=$this->buku_model->edit_buku($kode_buku);
        $this->load->view('editbuku_view', $data);
 }
public function simpan_edit_buku()
{
$kode_buku = $this->input->post('kodebuku');
       $nama_buku     = $this->input->post('namabuku');
       $judul_buku     = $this->input->post('judulbuku');
       $pengarang     = $this->input->post('pengarang');
$jumlah_halaman = $this->input->post('jumlahhalaman');
$penerbit = $this->input->post('penerbit');
    $tahun_terbit = $this->input->post('tahunterbit');

        $data['judul'] = '::DATA BUKU::';
        $this->load->model('buku_model');
        $data['edit'] = $this->buku_model->simpan_edit_buku($kode_buku, $nama_buku, $judul_buku, $pengarang, $jumlah_halaman, $penerbit, $tahun_terbit);
redirect('buku/index');
    }
 •      Pada file Model :  buku_model.php,  tambahkan coding berikut setelah public function delete_buku($kode_buku)
public function edit_buku($kode_buku)
    {
        $q="SELECT * FROM  buku WHERE kode_buku='$kode_buku'";
        $query=$this->db->query($q);
return $query->row();
    }

 public function simpan_edit_buku($kode_buku, $nama_buku, $judul_buku, $pengarang, $jumlah_halaman, $penerbit, $tahun_terbit)
 {
$data = array(
            'kode_buku'         => $kode_buku,
          'nama_buku'   => $nama_buku,
            'judul_buku'       => $judul_buku,
            'pengarang'       => $pengarang,
            'jumlah_halaman' => $jumlah_halaman,     
            'penerbit'         => $penerbit,
            'tahun_terbit'       => $tahun_terbit
        );
        $this->db->where('kode_buku', $kode_buku);
        $this->db->update('buku', $data);    
    }
•      Runing Program dengan URL :
http://localhost/ci_lat/buku
•        Uji program dengan melakukan update data
Sekian tutorial sederhana ini, semoga dapat bermanfaat..

Tidak ada komentar

1. Berkomentarlah yang baik
2. Jangan memasukkan Link tanpa seizin admin

Langganan: Posting Komentar ( Atom )