Hi sahabat programmer, kembali lagi nich. Hmm.,pada kesempatan kali ini saya ingin sharing tentang “update data ke database dengan codeigniter dan bootstrap”.
Sebenarnya tutorial kali ini merupakan lanjutan dari tutorial saya sebelumnya yaitu “Insert data ke database dengan codeigniter dan bootstrap”.
Bagi teman-teman yang belum lihat post saya sebelumya, saya sarankan untuk melihatnya disini, dikarenakan post kali ini berhubungan dengan tutorial yang saya post sebelumnya.
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');
}
}
#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;
}
}
#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><a class="btn btn-xs btn-info" data-toggle="modal" data-target="#modal_edit<?php echo $barang_id;?>"> Edit</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 ADD 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 update 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 (5)
Arfian Joko, 27 December 2018 22:27 - Reply
Makasih gan, sangat mebantu buat nyelesain final project. :)
M Fikri, 04 January 2019 14:25 - Reply
Sama-sama gan.
handika suta, 05 February 2019 09:44 - Reply
bagaimana kl edit tidak menggunakan modal
M Fikri, 07 February 2019 21:19 - Reply
Mas Handika, Kalo untuk edit tanpa Modal, Anda bisa belajar disni:
https://mfikri.com/artikel/tutorial-codeigniter
NAUFALP, 26 June 2019 16:20 - Reply
Tempat terbaik untuk belajar Codeigniter ya disini :D