Senin, 06 Agustus 2012

Belajar Codeigniter (Membuat Form Kali dab Bagi)

Untuk membuat form kali dan bagi, hal pertama yang dipersiapkan adalah
membuat controler hitungnya terlebih dahulu. Dengan nama hitung.php terletak di Codeigniter/aplication/controllers, perhatikan kode dibawah ini :


<?php
class Hitung extends CI_Controller {
function __construct()
{
parent::__construct();
$this­>load­>helper(array('url','form'));
}
function index()
{
$this­>load­>view('menu_hitung');
}
function perkalian()
{
$data['v1'] = (int) $this­>input­>post('v1',true);
$data['v2'] = (int) $this­>input­>post('v2',true);
$data['hasil'] = $data['v1'] * $data['v2'];
$this­>load­>view('perkalian',$data);
}
function pembagian()
{
$data['v1'] = (int) $this­>input­>post('v1',true);
$data['v2'] = (int) $this­>input­>post('v2',true);
if ($data['v2']>0)
$data['hasil'] = $data['v1'] / $data['v2'];
else
$data['hasil'] = 'Error, v2 tidak boleh 0!';
$this­>load­>view('pembagian',$data);
}
}


Setelah anda membuat controller hitung.php, langkah kedua kita membuat
menu_hitung.php yang disimpan di folder view yaitu di Codeigniter/aplication/view. Perhatikan kode sibawah ini :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf­8">
<title>Selamat Datang</title>
<style type="text/css">
body {
 background­color: #fff;
 margin: 40px;
 font­family: Lucida Grande, Verdana, Sans­serif;
 font­size: 14px;
 color: #4F5155;
}
a {
 color: #003399;
 background­color: transparent;
 font­weight: normal;
}
h1 {
 color: #444;
 background­color: transparent;
 border­bottom: 1px solid #D0D0D0;
 font­size: 16px;
 font­weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}
code {
 font­family: Monaco, Verdana, Sans­serif;
 font­size: 12px;
 background­color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}
</style>
</head>
<body>
<h1>Form Codeigniter!</h1>
<p>Silakan pilih menu dibawah ini.</p>
<ul> 
<li><?php echo
anchor('hitung/perkalian','Perkalian'); ?>
<li><?php echo
anchor('hitung/pembagian','Pembagian'); ?>
</ul>
<p><br />Page rendered in {elapsed_time} seconds</p>
</body>
</html>


Setelah itu jalankan dibrowser maka yang tampil adalah seperti gambar dibawah ini :


Setelah menu_hitung telah terbuat maka selanjutnya kita membuat view perkalian dan pembagian. Adapun view perkalian tersebut terletak di Codeigniter/Aplication/view dengan kode dibawah ini :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf­8">
<title>Selamat Datang</title>
<style type="text/css">

body {
 background­color: #fff;
 margin: 40px;
 font­family: Lucida Grande, Verdana, Sans­serif;
 font­size: 14px;
 color: #4F5155;
}
a {
 color: #003399;
 background­color: transparent;
 font­weight: normal;
}
h1 {
 color: #444;
 background­color: transparent;
 border­bottom: 1px solid #D0D0D0;
font­size: 16px;
 font­weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}
code {
 font­family: Monaco, Verdana, Sans­serif;
 font­size: 12px;
 background­color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}
</style>
</head>
<body>
<h1>Perkalian!</h1>
<p>Silakan masukan data berikut!!</p>
<?php echo form_open('hitung/perkalian');?>
<?php echo form_input('v1', $v1);?> x
<?php echo form_input('v2', $v2);?>  <br>
<?php echo form_submit('submit','Hitung!!');?> 
<?php echo form_close();?><br>
<b>Hasil Dari Perkalian diatas adalah :<font
color='red'><blink> <?php echo $hasil;?></font></b></blink>
<p><br />Page rendered in {elapsed_time} seconds</p>
</body>
</html>

maka tampilan yang akan tampil setelah anda mengklik perkalian adalah seperti ini :
 
yang terakhir adalah membuat view untuk pembagian yang akan kita simpan di
Codeigniter/aplication/view adapun kodenya yaitu :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf­8">
<title>Selamat Datang</title> 
<style type="text/css">
body {
 background­color: #fff;
 margin: 40px;
 font­family: Lucida Grande, Verdana, Sans­serif;
 font­size: 14px;
 color: #4F5155;
}
a {
 color: #003399;
 background­color: transparent;
 font­weight: normal;
}
h1 {
 color: #444;
 background­color: transparent;
 border­bottom: 1px solid #D0D0D0;
 font­size: 16px;
 font­weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}
code {
 font­family: Monaco, Verdana, Sans­serif;
 font­size: 12px;
 background­color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}
</style>
</head>
<body>
<h1>pembagian!</h1>
<p>Silakan masukan data berikut!!</p>
<?php echo form_open('hitung/pembagian');?>
<?php echo form_input('v1', $v1);?> /
<?php echo form_input('v2', $v2);?>  <br>
<?php echo form_submit('submit','Hitung!!');?> 
<?php echo form_close();?><br>
<b>Hasil dari pembagian diatas adalah :<font
color="red"><blink> <?php echo $hasil;?></b></font></blink>
<p><br />Page rendered in {elapsed_time} seconds</p>
</body>
</html>

Maka yang akan tampil setelah anda mengklik pembagian adalah :

Sekian Terima Kasih....

bagi yang ingin menyedotnya telah disediakan PDFnya yaitu :


PDF Belajar Codeigniter Part III


Sumber : www.koder.web.id – Kumpulan tutorial komputer

3 komentar:

  1. boleh nanya bang ..
    kok tadi udh saia coba langkah sampai buat menu_hitung tapi tampilannya gak ada linknya bg.khn menu_hitung yg d views itu buat link perkalian ama pembagian.tp gagal2 bg.

    yang keluar Fatal error: Call to undefined function anchor() in C:\wamp\www\CI\application\views\menu_hitung.php on line 44.
    gmn silusinya bg.mohon bantuannya bg

    BalasHapus
  2. Bisa itu kok...
    Cba periksa aja lagi...

    BalasHapus
  3. saya coba berkali-kali jg gak bisa... sampe sya copas pun gak bisa juga, msih sama..
    Fatal error: Call to undefined function anchor() in C:\wamp\www\codeigniter\application\views\menu_hitung.php on line 45

    BalasHapus