Thursday, December 11, 2014

Membuat form dengan Codeigniter

Pada intinya membuat form itu dapat dibuat menggunakan HTML. Tau kan pastinya? Tapi bagaimana jika kita menginginkan sebuah koding yang bersih dan rapi tertulis semua dalam sebuah file? Tentunya bagi anda yang sudah malang melintang di dunia peng-koding-an tentu selalu dan selalu meninginkan sebuah baris kode yang rapid an teratur.
Oke, pada dasarnya Codeigniter saya singkat saja menjadi CI. Sudah menyediakan sebuah function yang dikumpulkan dalam sebuah file disebut dengan helper form. Apa itu helper form? Anda dapat melihat langsung di sini http://codeigniter.com/user_guide. Lalu bagaimana menggunakannya? Cobalah contoh berikut,pada kasus ini saya akan membuat sebuah form registrasi sederhana menggunakan Codeigniter versi 2.1.3.
A. Buatlah sebuah Controller terlebih dahulu,  beri nama controllernya dengan registrasi.php,

<?php
if(!defined('BASEPATH')) exit('Keluar dari sistem');

class Registrasi extends CI_Controller
{
 public function __construct()
 {
 parent::__construct();

 //load helpernya
 $this->load->helper('form');
 }

 public function index()
 {
 //membuat form nama
 $ar_name = array('name'=>'nama',
 'id'=>'nama',
 'value'=>'',
 'class'=>'teks',
 'size'=>'40'
 );
 $data['f_nama'] = form_input($ar_name);

 //membuat form alamat
 $ar_alamat = array(
 'name'=>'alamat',
 'id'=>'alamat',
 'rows'=>'5',
 'cols'=>'40',
 'class'=>'teksarea'
 );
 $data['f_alamat'] = form_textarea($ar_alamat);

 //membuat form agama
 $ar_agama = array(
 'islam'=>'Islam',
 'kristen'=>'Kristen',
 'katolik'=>'Katolik',
 'hindu'=>'Hindu',
 'budha'=>'Budha',
 'konghucu'=>'Konghucu',
 'lainnya'=>'Lainnya'
 );
 $data['f_agama'] = form_dropdown('agama', $ar_agama);

 //membuat form hobi
 $ar_hobi1 = array(
 'name'=>'hobi[]',
 'id'=>'hobi',
 'value'=>'bola',
 );

 $ar_hobi2 = array(
 'name'=>'hobi[]',
 'id'=>'hobi',
 'value'=>'senam'
 );

 $ar_hobi3 = array(
 'name'=>'hobi[]',
 'id'=>'hobi',
 'value'=>'komputer'
 );

 $data['f_hobi'] = form_checkbox($ar_hobi1);
 $data['f_hobi2'] = form_checkbox($ar_hobi2);
 $data['f_hobi3'] = form_checkbox($ar_hobi3);

 //membuat form jurusan
 $ar_jur1 = array(
 'name'=>'jurusan',
 'id'=>'jurusan',
 'value'=>'komakt'
 );

 $ar_jur2 = array(
 'name'=>'jurusan',
 'id'=>'jurusan',
 'value'=>'ce'
 );

 $ar_jur3 = array(
 'name'=>'jurusan',
 'id'=>'jurusan',
 'value'=>'si'
 );

 $data['f_jur1'] = form_radio($ar_jur1);
 $data['f_jur2'] = form_radio($ar_jur2);
 $data['f_jur3'] = form_radio($ar_jur3);

 //membuat tombol
 $ar_tom = array(
 'name'=>'submit',
 'id'=> 'submit',
 'value'=>'Simpan',
 'class'=>'tombol'
 );

 $data['f_tombol'] = form_submit($ar_tom);
 $this->load->view('form_registrasi', $data);
 }
//end of class
}
?>
B. Selanjutnya buatlah sebuah file view, tujuannya untuk menampilkan script dari controller, beri nama filenya dengan form_registrasi.php

<html>
 <head>
 <title>Form Registrasi DIMASEDU INSTITUE </title>
 <style>
 body
 {
 margin:50px;
 font-family:Arial;
 background:#eee;
 }

 #wrap
 {
 margin:auto;
 width:500px;
 border:5px solid #ccc;
 padding:5px;
 background:#fff;
 box-shadow:4px 4px 10px 2px #888;
 }

 #content
 {
 padding:3px;
 }

 #content h2
 {
 font-size:22px;
 font-weight:bold;
 color:#FF9900;
 }

 .t_reg
 {
 padding:4px;
 }

 .t_reg tr td
 {
 font-size:12px;
 font-weight:bold;
 }

 .teks
 {
 padding:5px;
 border:1px #ccc solid;
 }

 .teksarea
 {
 padding:5px;
 border:1px #ccc solid;
 }

 .tombol
 {
 padding:5px;
 background:#cc0000;
 color:#fff;
 border:1px solid #fff;
 font-size:11px;
 font-weight:bold;
 }

 #footer
 {
 font-size:11px;
 margin:auto;
 margin-top:20px;
 text-align:center;
 }

 #footer a
 {
 text-decoration:none;
 color:#000;
 font-weight:bold;
 }
 </style>
 </head>
 <body>
 <div id="wrap">
 <div id="content">
 <h2>Registrasi Mahasiswa</h2>
 <?php
 //deklarasikan awal form
 form_open('registrasi/proses',array('name'=>'regForm', 'method'=>'POST'));
 ?>
 <table>
 <tr>
 <td>Nama Lengkap</td>
 <td>:</td>
 <td><?php echo $f_nama;?></td>
 </tr>
 <tr>
 <td>Alamat Lengkap</td>
 <td>:</td>
 <td><?php echo $f_alamat;?></td>
 </tr>
 <tr>
 <td>Agama</td>
 <td>:</td>
 <td><?php echo $f_agama;?></td>
 </tr>
 <tr>
 <td>Hobi</td>
 <td>:</td>
 <td><?php echo $f_hobi;?> Sepakbola
 <?php echo $f_hobi2;?> Senam
 <?php echo $f_hobi3;?> Komputer
 </td>
 </tr>
 <tr>
 <td>Jurusan</td>
 <td>:</td>
 <td><?php echo $f_jur1;?> Komputer Akuntansi<br>
 <?php echo $f_jur2;?> Teknik Komputer<br>
 <?php echo $f_jur3;?> Sistem Informasi</td>
 </tr>
 <tr>
 <td></td>
 <td></td>
 <td><?php echo $f_tombol;?></td>
 </tr>
 </table>
 <?php
 //deklarasikan akhir form
 form_close();
 ?>
 </div>
 </div>
 <div id="footer">

 </body>
</html>

No comments :

Post a Comment