Hi sahabat programmer, kembali lagi nich. Hmm.,pada kesempatan kali ini saya ingin sharing tentang “delete data ke database dengan codeigniter dan bootstrap”.
Tutorial kali ini merupakan lanjutan dari tutorial saya sebelumnya yaitu “Insert dan Update data ke database dengan codeigniter dan bootstrap”.
Bagi teman-teman yang mengikuti post saya sebelumya pasti sudah tahu apa yang saya maksud. Nah, bagi teman-teman yang tidak mengikuti post saya sebelumnya jangan khawatir karena di akhir tutorial ini sudah saya sediakan source code lengkapnya nya CRUD (Create Read Update Delete) yang bisa didownload.
Ok langsung saja, berikut kodenya!
#1. Buka Controller Barang.php dan tambahkan kode seperti berikut:
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Barang extends CI_Controller {
function __construct(){
parent::__construct();
$this->load->model('m_barang');
}
function index(){
$x['data']=$this->m_barang->show_barang();
$this->load->view('v_barang',$x);
}
function simpan_barang(){
$kode_barang=$this->input->post('kode_barang');
$nama_barang=$this->input->post('nama_barang');
$satuan=$this->input->post('satuan');
$harga=$this->input->post('harga');
$this->m_barang->simpan_barang($kode_barang,$nama_barang,$satuan,$harga);
redirect('barang');
}
function edit_barang(){
$kode_barang=$this->input->post('kode_barang');
$nama_barang=$this->input->post('nama_barang');
$satuan=$this->input->post('satuan');
$harga=$this->input->post('harga');
$this->m_barang->edit_barang($kode_barang,$nama_barang,$satuan,$harga);
redirect('barang');
}
function hapus_barang(){
$kode_barang=$this->input->post('kode_barang');
$this->m_barang->hapus_barang($kode_barang);
redirect('barang');
}
}
#2. Buka Model M_barang.php dan tambahkan kode seperti berikut:
<?php
class M_barang extends CI_Model{
function show_barang(){
$hasil=$this->db->query("SELECT * FROM tbl_barang");
return $hasil;
}
function simpan_barang($kode_barang,$nama_barang,$satuan,$harga){
$hasil=$this->db->query("INSERT INTO tbl_barang (barang_id,barang_nama,barang_satuan,barang_harga) VALUES ('$kode_barang','$nama_barang','$satuan','$harga')");
return $hasil;
}
function edit_barang($kode_barang,$nama_barang,$satuan,$harga){
$hasil=$this->db->query("UPDATE tbl_barang SET barang_nama='$nama_barang',barang_satuan='$satuan',barang_harga='$harga' WHERE barang_id='$kode_barang'");
return $hsl;
}
function hapus_barang($kode_barang){
$hasil=$this->db->query("DELETE FROM tbl_barang WHERE barang_id='$kode_barang'");
return $hasil;
}
}
#3. Buka view v_barang.php dan tambahkan kode seperti berikut:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<title>Data Barang</title>
<link href="<?php echo base_url().'assets/css/bootstrap.css'?>" rel="stylesheet">
<link href="<?php echo base_url().'assets/css/jquery.dataTables.min.css'?>" rel="stylesheet">
</head>
<body>
<div class="container">
<h1>Data <small>Barang!</small>
<div class="pull-right"><a class="btn btn-sm btn-success" data-toggle="modal" data-target="#modal_add_new"> Add New</a></div>
</h1>
<table class="table table-bordered table-striped" id="mydata">
<thead>
<tr>
<td>Kode Barang</td>
<td>Nama Barang</td>
<td>Satuan</td>
<td>Harga</td>
<td>Aksi</td>
</tr>
</thead>
<tbody>
<?php
foreach($data->result_array() as $i):
$barang_id=$i['barang_id'];
$barang_nama=$i['barang_nama'];
$barang_satuan=$i['barang_satuan'];
$barang_harga=$i['barang_harga'];
?>
<tr>
<td><?php echo $barang_id;?></td>
<td><?php echo $barang_nama;?></td>
<td><?php echo $barang_satuan;?></td>
<td><?php echo 'Rp '.number_format($barang_harga);?></td>
<td style="width: 120px;">
<a class="btn btn-xs btn-info" data-toggle="modal" data-target="#modal_edit<?php echo $barang_id;?>"> Edit</a>
<a class="btn btn-xs btn-danger" data-toggle="modal" data-target="#modal_hapus<?php echo $barang_id;?>"> Hapus</a>
</td>
</tr>
<?php endforeach;?>
</tbody>
</table>
</div>
<!-- ============ MODAL ADD BARANG =============== -->
<div class="modal fade" id="modal_add_new" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h3 class="modal-title" id="myModalLabel">Add New Barang</h3>
</div>
<form class="form-horizontal" method="post" action="<?php echo base_url().'index.php/barang/simpan_barang'?>">
<div class="modal-body">
<div class="form-group">
<label class="control-label col-xs-3" >Kode Barang</label>
<div class="col-xs-8">
<input name="kode_barang" class="form-control" type="text" placeholder="Kode Barang..." required>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3" >Nama Barang</label>
<div class="col-xs-8">
<input name="nama_barang" class="form-control" type="text" placeholder="Nama Barang..." required>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3" >Satuan</label>
<div class="col-xs-8">
<select name="satuan" class="form-control" required>
<option value="">-PILIH-</option>
<option value="Unit">Unit</option>
<option value="Kotak">Kotak</option>
<option value="Botol">Botol</option>
<option value="Sachet">Sachet</option>
<option value="Pcs">Pcs</option>
<option value="Dus">Dus</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3" >Harga</label>
<div class="col-xs-8">
<input name="harga" class="form-control" type="text" placeholder="Harga..." required>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Tutup</button>
<button class="btn btn-info">Simpan</button>
</div>
</form>
</div>
</div>
</div>
<!--END MODAL ADD BARANG-->
<!-- ============ MODAL EDIT BARANG =============== -->
<?php
foreach($data->result_array() as $i):
$barang_id=$i['barang_id'];
$barang_nama=$i['barang_nama'];
$barang_satuan=$i['barang_satuan'];
$barang_harga=$i['barang_harga'];
?>
<div class="modal fade" id="modal_edit<?php echo $barang_id;?>" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h3 class="modal-title" id="myModalLabel">Edit Barang</h3>
</div>
<form class="form-horizontal" method="post" action="<?php echo base_url().'index.php/barang/edit_barang'?>">
<div class="modal-body">
<div class="form-group">
<label class="control-label col-xs-3" >Kode Barang</label>
<div class="col-xs-8">
<input name="kode_barang" value="<?php echo $barang_id;?>" class="form-control" type="text" placeholder="Kode Barang..." readonly>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3" >Nama Barang</label>
<div class="col-xs-8">
<input name="nama_barang" value="<?php echo $barang_nama;?>" class="form-control" type="text" placeholder="Nama Barang..." required>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3" >Satuan</label>
<div class="col-xs-8">
<select name="satuan" class="form-control" required>
<option value="">-PILIH-</option>
<?php if($barang_satuan=='Unit'):?>
<option value="Unit" selected>Unit</option>
<option value="Kotak">Kotak</option>
<option value="Botol">Botol</option>
<option value="Sachet">Sachet</option>
<option value="Pcs">Pcs</option>
<option value="Dus">Dus</option>
<?php elseif($barang_satuan=='Kotak'):?>
<option value="Unit">Unit</option>
<option value="Kotak" selected>Kotak</option>
<option value="Botol">Botol</option>
<option value="Sachet">Sachet</option>
<option value="Pcs">Pcs</option>
<option value="Dus">Dus</option>
<?php elseif($barang_satuan=='Botol'):?>
<option value="Unit">Unit</option>
<option value="Kotak">Kotak</option>
<option value="Botol" selected>Botol</option>
<option value="Sachet">Sachet</option>
<option value="Pcs">Pcs</option>
<option value="Dus">Dus</option>
<?php elseif($barang_satuan=='Sachet'):?>
<option value="Unit">Unit</option>
<option value="Kotak">Kotak</option>
<option value="Botol">Botol</option>
<option value="Sachet" selected>Sachet</option>
<option value="Pcs">Pcs</option>
<option value="Dus">Dus</option>
<?php elseif($barang_satuan=='Sachet'):?>
<option value="Unit">Unit</option>
<option value="Kotak">Kotak</option>
<option value="Botol">Botol</option>
<option value="Sachet">Sachet</option>
<option value="Pcs" selected>Pcs</option>
<option value="Dus">Dus</option>
<?php else:?>
<option value="Unit">Unit</option>
<option value="Kotak">Kotak</option>
<option value="Botol">Botol</option>
<option value="Sachet">Sachet</option>
<option value="Pcs">Pcs</option>
<option value="Dus" selected>Dus</option>
<?php endif;?>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3" >Harga</label>
<div class="col-xs-8">
<input name="harga" value="<?php echo $barang_harga;?>" class="form-control" type="text" placeholder="Harga..." required>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Tutup</button>
<button class="btn btn-info">Update</button>
</div>
</form>
</div>
</div>
</div>
<?php endforeach;?>
<!--END MODAL EDIT BARANG-->
<?php
foreach($data->result_array() as $i):
$barang_id=$i['barang_id'];
$barang_nama=$i['barang_nama'];
$barang_satuan=$i['barang_satuan'];
$barang_harga=$i['barang_harga'];
?>
<!-- ============ MODAL HAPUS BARANG =============== -->
<div class="modal fade" id="modal_hapus<?php echo $barang_id;?>" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h3 class="modal-title" id="myModalLabel">Hapus Barang</h3>
</div>
<form class="form-horizontal" method="post" action="<?php echo base_url().'index.php/barang/hapus_barang'?>">
<div class="modal-body">
<p>Anda yakin mau menghapus <b><?php echo $barang_nama;?></b></p>
</div>
<div class="modal-footer">
<input type="hidden" name="kode_barang" value="<?php echo $barang_id;?>">
<button class="btn" data-dismiss="modal" aria-hidden="true">Tutup</button>
<button class="btn btn-danger">Hapus</button>
</div>
</form>
</div>
</div>
</div>
<?php endforeach;?>
<!--END MODAL HAPUS BARANG-->
<script src="<?php echo base_url().'assets/js/jquery-2.2.4.min.js'?>"></script>
<script src="<?php echo base_url().'assets/js/bootstrap.js'?>"></script>
<script src="<?php echo base_url().'assets/js/jquery.dataTables.min.js'?>"></script>
<script src="<?php echo base_url().'assets/js/moment.js'?>"></script>
<script>
$(document).ready(function(){
$('#mydata').DataTable();
});
</script>
</body>
</html>
Ok sahabat programmer, sekian dulu tutorial tentang CRUD data ke database dengan codeigniter dan dan bootstrap. Jangan lupa share, siapa tahu tutorial ini bermanfaat untuk teman Anda.
![Tutorial Codeigniter Untuk Pemula [Full Tutorial]](/assets/images/small/2631429ede1d080f81ca5a4de5fe844b.png)
Komentar (0)