Belajar CI Pertemuan 2: CodeIgniter 3
Notes:
Tutorial CodeIgniter 3 ini digunakan untuk
pembelajaran yang langsung saya pandu. Jadi, bila yang belajar sendiri dan
merasa kesulitan memang butuh perjuangan lebih kuat lagi. Mudah-mudahan nanti
saya buatkan tutorial untuk “pembelajaran CodeIgniter mandiri.”
Persiapan
a. Login cpanel
b. Pastikan sudah
punya database dan table yang sudah diisi
Untuk latihan saat ini, kita akan mengggunakan yang sudah ada
Database: kata1 _tasdik
Tabel: tasdik
Latihan CI
Pertemuan 2
Pentiiing: "Semua tulisan tasdik diganti dengan nama masing-masing di file masing-masing. Jangan menghapus punya saya. ahaha"
1. Buka
application/models
2. Buat file nama
pendek masing-masing, M_tasdik.php (pastikan sama besar-kecil hurufnya)
3. Salin script
ini ke file tersebut
<?php
class M_mahasiswa
extends CI_Model{
function show_mahasiswa(){
$hasil=$this->db->query("SELECT * FROM tasdik");
return $hasil;
}
}
4. Buka
application/controllers
5. Buatlah file Tasdik.php
<?php
defined('BASEPATH') OR
exit('No direct script access allowed');
class Mahasiswa extends
CI_Controller {
function __construct(){
parent::__construct();
$this->load->model('m_mahasiswa');
}
public function index(){
$x['data']=$this->m_mahasiswa->show_mahasiswa();
$this->load->view('tasdik/v_mahasiswa',$x);
}
}
6. Buka
applicaton/views
7. Buka folder
masing-masing, missal tasdik
8. Buat file v_tasdik.php
<!DOCTYPE html>
<html
lang="id">
<head>
<meta charset="utf-8">
<title>Data Mahasiswa</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">
<h3>Data Mahasiswa</h3>
<table class="table
table-bordered table-striped" id="mydata">
<thead>
<tr>
<td>NIM</td>
<td>Nama
Mahasiswa</td>
</tr>
</thead>
<tbody>
<?php
foreach($data->result_array() as $i):
$barang_id=$i['nim'];
$barang_nama=$i['nama'];
?>
<tr>
<td><?php echo
$barang_id;?> </td>
<td><?php echo
$barang_nama;?> </td>
</tr>
<?php endforeach;?>
</tbody>
</table>
</div>
<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>
*Sebelum melihat hasilnya, cek dulu
konfigurasinya. Bila sudah sama, tidak perlu diubah karena ini menggunakan
folder bersama-sama. Akan tetapi, bila teman-teman belajar di komputer masing-masing
menggunakan Xampp, silakan disesuaikan! Kalau konfigurasi ini salah, maka web
buatan kita tidak akan bisa diakses.
Konfigurasi
CI
a. Buka application/config
b. Buka config.php
c. Cari kode ini
$config['base_url'] = '';
d. Ubah menjadi
seperti ini:
$config['base_url'] = 'http://lab1.katabah.com/pagi';
Jika sudah sama, tak perlu diubah yaa!
Jika Anda berada di folder sore, sesuaikan jadi
$config['base_url'] = 'http://lab1.katabah.com/sore';
e. Buka
application/config
f.
Buka file autoload.php
g. Cari kode
seperti ini:
$autoload['libraries'] = array();
h. Ubah menjadi
seperti ini:
$autoload['libraries'] = array('database', 'pagination');
Jika sudah sama, tak perlu diubah yaa!
i.
Buka application/config
j.
Buka file database.php
k. Ubah setting sesuai
database masing-masing. Untuk latihan ini, tak perlu diubah karena sudah saya
ubah. :)
'hostname' => 'localhost',
'username' => '',
'password' => ',
'database' => ',
9. Untuk melihat
hasil, buka link seperti ini:
http://lab1.katabah.com/pagi/index.php/tasdik
atau
http://lab1.katabah.com/sore/index.php/namaAnda
10. Selesai.
Sumber:
mfikri.com/artikel/Menampilkan-data-database-menggunakan-codeigniter-datatable.html
stackoverflow.com/questions/11581636/fatal-error-call-to-undefined-function-base-url-in-c-wamp-www-test-ci-applic
Tutorial Terkait:
|
"Investasi Emas dan Reksadana, Untung Mana?."
|
|
Youtube: Katabah Com: Menuju 1 jt Konten :) |
|
|
No comments:
Post a Comment