2. Setelah download berhasil, extract all files ke dalam folder xampp/htdocs anda.
Pada codeigniter terdapat konsep dasar MVC yaitu model, controllers, dan view. Masing masing memiliki peranannya sendiri.
3. Dalam struktur Model biasanya terdapat perintah query yang akan dijalankan pada database seperti select, update, delete, dll. Ketikkan code berikut sebagai struktur model dan simpan didalam folder xampp/htdocs/CodeIgniter/application/models
<?php
class wida_model extends CI_Model
{
function __construct()
{
parent::__construct();
$this->load->database();
}
function index()
{
$query = $this->db->get('mahasiswa');
return $query->result();
}
}
?>
4. Controller berfungsi sebagai penghubung antara struktur data yang didapatkan model dan apa yang akan ditampilkan oleh view, maka itu controller menyediakan variabel yang akan ditampilkan pada view dan juga menghubungkan model dengan databasenya (dalam hal ini phpmyadmin). Disini diharapkan tidak terdapat proses perhitungan karna akan mengganggu fungsi utama dari controller itu sendiri. Ketikkan code berikut sebagai struktur controller dan simpan didalam folder xampp/htdocs/CodeIgniter/application/controllers
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class wida_controller extends CI_Controller {
function __construct()
{
parent::__construct();
$this->load->helper(array('url','form'));
$this->load->model('wida_model');
}
function phonebook()
{
$data['mhs'] = $this->wida_model->index();
//var_dump($data['mhs']);
$this->load->view('wida_view', $data);
}
}
5. View adalah struktur konsep yang kontak langsung dengan apa yang ingin ditampilkan pada web browser user dimana dalam hal ini HTML, CSS, Javascript, dsb. Sama seperti controllers, pada view juga diharapkan untuk tidak mengandung proses perhitungan / logika karna view telah memiliki tugasnya sendiri. Ketikkan code berikut sebagai struktur view dan simpan didalam folder xampp/htdocs/CodeIgniter/application/views
<!DOCTYPE html>
<html>
<head>
<title>WIDA</title>
</head>
<body>
<h1> Hello World By Wida :) </h1>
<table border="1">
<tr>
<th>Nama</th>
<th>Alamat</th>
<th>Email</th>
<th>HP</th>
<th>Kelas</th>
</tr>
<?php foreach ($mhs as $query){
?>
<tr>
<td><?php echo $query->nama; ?></td>
<td><?php echo $query->alamat; ?></td>
<td><?php echo $query->no_hp; ?></td>
<td><?php echo $query->email; ?></td>
<td><?php echo $query->class; ?></td>
</tr>
<?php
}
?>
</table>
</body>
</html>
6. Nyalakan fitur 'Apache' pada XAMPP anda. lalu coba akses melalui web browser dengan format loclalhost:<port>/<foldername_hasilextract>/index.php/<namafile_controller>/<fungsiutama_pada_controller>
( e.g localhost:58500/CodeIgniter/index.php/wida_controller/phonebook )
Jika berhasil maka akan muncul tampilan berikut pada web browser anda
maka data yang tampil akan sesuai dengan data yang ada pada database anda, pada kesempatan kali ini kami menggunakan phpmyadmin sebagai berikut
Terimakasih semoga bermanfaat !
