Berikut adalah Langkah – langkah membuat web view dengan
menggunakan codeIgniter
1.
Buat Database terlebih dahulu pada phpmyadmin. Setelah
membuat database buat juga tabel yang diisikan pada database. Bila telah
berhasil maka akan terlihat seperti gambar berikut:
2.
Setelah membuat database dan tabelnya. Kemudian buat
file php dengan nama welcome.php. Isi dari welcome.php adalah coding tentang
database dan tabel yang akan digunakan. Isikan coding berikut dan simpan pada
folder controller:
|
<?php if ( !
defined('BASEPATH')) exit('No
direct script access allowed');
class Welcome extends
CI_Controller {
function __construct()
{
parent::__construct();
$this->load->helper(array('form','url', 'text_helper','date'));
$this->load->model('dataku');
$this->load->database();
if(!isset($_SESSION)) {
session_start();
}
}
public function
index()
{
$kode_sepatu=$this->input->post('kode_sepatu');
$nama_sepatu=$this->input->post('nama_sepatu');
$ukuran_sepatu=$this->input->post('ukuran_sepatu');
$data=array();
$data["sepatu"]=$this->dataku->tampilkan_data_ci();
if (!empty($kode_sepatu) && !empty($nama_sepatu) && !empty($ukuran_sepatu))
{
$this->dataku->masukkan_data($kode_sepatu,$nama_sepatu,$ukuran_sepatu);
}
$data["sepatu"]=$this->dataku->tampilkan_data_ci();
$this->load->view('welcome_message',$data);
}
}
|
3.
Setelah mengisikan coding di atas pada
welcome.php . Kemudian buat file php baru dengan nama dataku.php . Pada file
ini berisi tentang menampilkan data yang telah disimpan pada database dan
digunakan untuk insert datapada database. Isikan coding berikut dan simpan pada
folder models:
|
<?php
class Dataku extends
CI_Model
{
function
tampilkan_data_ci()
{
$q=$this->db->query("SELECT
* from sepatu limit 30");
return $q;
}
function
masukkan_data($kode_sepatu, $nama_sepatu, $ukuran_sepatu)
{
$q=$this->db->query("insert
into sepatu (`kode_sepatu`,`nama_sepatu`,`ukuran_sepatu`) values ('$kode_sepatu','$nama_sepatu','$ukuran_sepatu')");
return $q;
}
}
?>
|
4.
Kemudian setelah membuat dua file diatas buat
file baru dengan nama welcome_message.php . Isi dari file ini adalah
desain dari web yang akan ditampilkan.
Berikut adalah coding dari penginputan data untuk penambahan data pada web.
Setelah memasukkan coding berikut kemudian simpan pada folder views.
|
<td width="151"><h2><span class="style4">Kode Sepatu</span></h2></td>
<td width="4">:</td><td width="144"><input type="text" name="kode_sepatu"></td>
</tr>
<tr>
<tr>
<td><h2><span class="style4">Nama Sepatu</span></h2></td>
<td>:</td><td><input type="text" name="nama_sepatu"></td>
</tr>
<tr>
<td><h2><span class="style4">Ukuran</span></h2></td>
<td>:</td><td><input type="text" name="ukuran_sepatu"></td>
</tr>
<tr>
<td></td><td></td><td><input type="submit" value="Kirim"></td>
|
Berikut adalah
coding dari menampilkan data yang telah disimpan, Isikan coding sebagai berikut
pada file welcome_message dibawah coding di atas:
|
<td><h1><strong>KODE SEPATU</strong></h1></td>
<td><h1><strong>NAMA SEPATU</strong></h1></td>
<td><h1><strong>UKURAN SEPATU</strong></h1></td>
</tr>
<?php
foreach($sepatu->result_array() as $a)
{
echo "<tr><td>$a[kode_sepatu]</td><td>$a[nama_sepatu]</td><td>$a[ukuran_sepatu]</td></tr>" ;
}
?>
|
5.
Setelah ketiga file tersebut selesai. Kemudian jalankan
web pada browser. Ketikkan localhost/ci . ci adalah nama folder dari web.
Berikut adalah tampilan web yang telah dibuat:
