Tiba saat nya kita membuat data tabel untuk membuat tabel dengan kasus mahasiswa dengan menggunakan codeigniter dengan mudah.
Untuk langkah awal kamu bisa membuat database baru di http://localhost/phpmyadmin dengan judul database crudci, kemudian buat tabel baru yang judulnya mahasiswa dengan data sebagai berikut:
Lalu insert lah beberapa database misal sebagai berikut :
Lalu kembali lagi ke coding editor dan lakukan setting di folder Application > Config > Database
$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '',
'database' => 'crudci',
'dbdriver' => 'mysqli',
Lakukan setting juga di folder Application > Config > Autoload dibaris yang ini saja
$autoload['libraries'] = array('template','database');
Buat file baru yang namanya mahasiswa.php di folder controller dengan coding sebagai berikut
<?php class Mahasiswa extends CI_Controller { function __construct() { parent::__construct(); $this->load->model('mahasiswa_m');
}
function index()
{
$data['data'] = $this->mahasiswa_m->tampil_mahasiswa();
$this->template->load('template', 'mahasiswa/index', $data);
}
}
Lalu buat Folder baru di folder View dengan nama mahasiswa dan buat file baru index.php di dalam folder mahasiswa tersebut. Codingnya sebagai berikut
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
DATA MAHASISWA
<small>advanced tables</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li><a href="#">Tables</a></li>
<li class="active">Data tables</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-xs-12">
<div class="box">
<div class="box-header">
<a href="<?php echo base_url(); ?>index.php/mahasiswa/tambah" class="btn btn-sm btn-success">Tambah</a>
</div>
<!-- /.box-header -->
<div class="box-body">
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th>No.</th>
<th>Nama Mahasiswa</th>
<th>No.telp</th>
<th>Alamat</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php $no = 0; foreach ($data->result_array() as $mhs) :
$no++;
$nm = $mhs['namamhs'];
$hp = $mhs['notelp'];
$alamat = $mhs['alamatmhs'];
?>
<tr>
<td><?php echo $no; ?></td>
<td><?php echo $nm; ?></td>
<td><?php echo $hp; ?></td>
<td><?php echo $alamat; ?></td>
<td>
<a href="<?php echo base_url(); ?>index.php/mahasiswa/edit/<?php echo $mhs['mhs_id'] ?>" class="btn btn-xs btn-warning">Edit</a>
<a href="<?php echo base_url(); ?>index.php/mahasiswa/delete/<?php echo $mhs['mhs_id'] ?>" class="btn btn-xs btn-danger">Del</a>
<a href="<?php echo base_url(); ?>index.php/mahasiswa/detail/<?php echo $mhs['mhs_id'] ?>" class="btn btn-xs btn-info">Detail</a>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
<!-- DataTables -->
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22%3C%3Fphp%20echo%20base_url()%3B%20%3F%3Eassets%2Fbower_components%2Fdatatables.net%2Fjs%2Fjquery.dataTables.min.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22%3C%3Fphp%20echo%20base_url()%3B%20%3F%3Eassets%2Fbower_components%2Fdatatables.net-bs%2Fjs%2FdataTables.bootstrap.min.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%0A%20%20%20%20%20%20%24(function()%20%7B%0A%20%20%20%20%20%20%20%20%24('%23example1').DataTable()%0A%20%20%20%20%20%20%20%20%24('%23example2').DataTable(%7B%0A%20%20%20%20%20%20%20%20%20%20'paging'%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20'lengthChange'%3A%20false%2C%0A%20%20%20%20%20%20%20%20%20%20'searching'%3A%20false%2C%0A%20%20%20%20%20%20%20%20%20%20'ordering'%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20'info'%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20'autoWidth'%3A%20false%0A%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
Buat File baru di folder Model dengan nama file Mahasiswa_m.php dengan coding sebagai berikut:
<?php class Mahasiswa_m extends CI_Model{ function tampil_mahasiswa(){ $hasil = $this->db->query("select * from mahasiswa order by mhs_id asc");
return $hasil;
}
}
OK Tahap Membuat Lengkap Tabel Mahasiswa dengan Codeigniter sudah selesai, sekarang kita bisa lihat hasilnya di browser kamu dengan mengetik http://localhost/crudci/index.php/mahasiswa
Namun jika kalian masih bingung dengan penjelasan artikel diatas, bisa langsung nonton tutorial nya di youtube ya
Semoga sukses