Seputar Pemrograman

Belajar Dasar Form Framework Laravel Dan Latihan Membuat Form Sederhana

  16 September 2014     Tutorial Framework Laravel     seputarpemrograman

Form biasanya digunakan untuk menginputkan, menampung, memasukan data. Jika yang sudah belajar programming pasti lebih tau apa itu form. Di laravel sudah ada class form yang akan mempermudah dalam pembuatan form. Dengan menggunakan form bawaan laravel untuk pemula memang agak ribet, bagi yang sudah terbiasa maka akan tau keuntungan dari menggunakan form bawaan laravel daripada membuat form manual. Untuk itu kita harus tau terlebih dahulu tentang dasar – dasar yang ada di form laravel.

 

Dasar – dasar Form Laravel

1. Pembuka Form

Biasanya untuk membuat form kita memerlukan seperti code dibawah ini.

< form method="POST" action="…" >
  …
< /form>

Didalam laravel kita dapat menulisnya seperti ini.

{{ Form::open(array('url' => '…')) }}
    …
{{ Form::close() }}

Kita sebelumnya juga sudah belajar tentang blade, dengan code form seperti diatas akan pasti lebih enak. Form diatas method default nya adalah POST, bagaimana kalau mau mengganti method menjadi GET,  Lihat code dibawah ini.

Form::open(array('url' => 'user', 'method' => 'GET'))

Tidak hanya POST dan GET yang bisa kita gunakan untuk selain itu seperti PUT dan DELETE pun juga bisa.

Untuk agar bisa digunakan upload file kita biasanya menggunakan enctype='multipart/form-data' di form laravel kita bisa menggunakan 'files' => true code seperti ini.

Form::open(array('url' => 'profile', 'files' => true))

2. Label

Dalam membuat label dengan form bawaan laravel code seperti dibawah ini.

Form::label('nama', 'Nama')

3. Text, Text Area Password, Hidden Field dan Button.

Jika kita biasanya untuk membuat form input text, textarea, password dan hidden file seperti ini.

< input name="username" type="text">

< textarea name="alamat" cols="50" rows="10"> < /textarea>

< input name="password" type="password" >

< input name="id" type="hidden">

< input type="submit" value="Submit">

Di Framework Laravel anda bisa menuliskan seperti dibawah ini.

Form::text('username')

Form::textarea('alamat')  

Form::password('password')

Form::hidden('id')

Form::submit('Submit')

Untuk memberi nilai default contohnya seperti ini.

Form::text('nama', 'SeputarPemrograman')

4. Checkbox dan Radio

Biasanya untuk buat Checkbox dan Radio seperti ini.

< input name="nama" type="checkbox" value="SeputarPemrograman">

< input name="nama" type="radio" value=" SeputarPemrograman ">

Jika menggunakan Form bawaan Laravel maka menjadi seperti ini.

{{Form::checkbox('nama', ' SeputarPemrograman ')}}

{{Form::radio('nama', ' SeputarPemrograman ')}} 

Agar secara default tercentang atau Checked anda dapat menggunakan true seperti ini.

Form::checkbox('nama', ' SeputarPemrograman ', true);
Form::radio('nama', ' SeputarPemrograman ', true);

5. File Input

Anda dapat menggunakan seperti dibawah ini.

Form::file('image')

6. Drop-Down List

Jika biasanya anda membuat dropd-down list dengan code sepanjang ini.

< select name="jeniskelamin">
< option value="L">Laki - Laki< /option>
< option value="P">Perempuan< /option>
< /select>

Dengan menggunakan Form bawaan laravel akan menjadi lebih pendek.

Form::select('jeniskelamin', array('L' => 'Laki - Laki', 'P' => 'Perempuan'))

Untuk membuat list terseleksi secara default anda dapat menggunakan seperti ini.

Form::select('jeniskelamin', array('L' => 'Laki - Laki', 'P' => 'Perempuan'), 'L')

Itu adalah dasar – dasar form dari bawaan framework laravel dan masih banyak yang lain silahkan ke website laravel.com

 

Membuat Form Sederhana

Tutorial diatas telah menjelaskan dasar – dasar dari penggunaan form laravel. Selanjutnya kita akan membuat form laravel seperti gambar dibawah ini.

form sederhana laravel 

Pertama buat dahulu file didalam folder views bernama formsederhana.blade.php dan isikan dengan code berikut ini.

@extends('layouts.master')

@section('content')

< div class="row">

    < div class="col-lg-12">

        < h1 class="page-header">

            Halaman

            Form Sederhana

        < /h1>

        {{ Form::open(array('url' => 'formsederhana')) }}

            < div class="form-group">

                        {{ Form::label('nama', 'Nama') }}

                                    {{ Form::text('nama', null, array('class' => 'form-control','placeholder'=>'masukkan nama')) }}

            < /div>

             < div class="form-group">

                        {{ Form::label('jeniskelamin', 'Jenis Kelamin') }}

                {{ Form::select('jeniskelamin', array('L' => 'Laki - Laki', 'P' => 'Perempuan'), null, array('class' => 'form-control','placeholder'=>'Pili Jenis Kelamin')) }}

            < /div>

            < div class="form-group">

                {{ Form::label('alamat', 'Alamat') }}

                {{ Form::textarea('alamat', null, array('class' => 'form-control','placeholder'=>'masukkan alamat')) }}  

            < /div>

            {{ Form::submit('Kirim', array('class' => 'form-control')) }}

        {{ Form::close() }}

    < /div>

< /div>

@stop

// Hilangkan spasi antara < dan div, /div, h1, /h1

Setelah itu buka controller ProfileController.php dan tambahkan code / fungsi berikut ini, dibawah fungsi profile.

public function formsederhana()
{
		return View::make('formsederhana');
}

public function postformsederhana()
{
		$nama = Input::get('nama');
		$jeniskelamin = Input::get('jeniskelamin');
		$alamat = Input::get('alamat');

		return 'Nama : '.$nama.'< br/> Jenis Kelamin : '.$jeniskelamin.'< br/> Alamat '.$alamat;
}

// Hilangkan spasi antara < dan br/

Lalu buka routes.php dan tambahkan code dibawah ini.

Route::get('formsederhana', 'ProfileController@formsederhana');

Route::post('formsederhana', 'ProfileController@postformsederhana');

Dan yang terakhir buka file sidebar.blade.php dan tambahkan code ini.

< li>
       < a href="{{ URL::to('formsederhana') }}">< i class="fa fa-fw fa-edit">< /i> Form Sederhana< /a>
< /li>
// Hilangkan spasi antara < dan li, /li, a, /a, i, i/

Dibawahnya code.

< li>
      < a href="{{ URL::to('profile/Andri') }}">< i class="fa fa-fw fa-user">< /i> Profile< /a>
< /li>

// Hilangkan spasi antara < dan li, /li, a, /a, i, i/

Maka di sidebar akan muncul menu baru seperti gambar berikut.

menu sidebar form sederhana blade

Selesai, sekarang coba klik menu form sederhana maka akan muncul seperti gambar form diatas.

Catatan : tutorial ini bisa diikuti jika sudah mengikuti tutorial sebelumnya yaitu “Memanfaatkan Blade Templating Laravel Untuk Memadukan Template Bootstrap.


comments powered by Disqus

CARI

KATEGORI PEMROGRAMAN

PEMROGRAMAN Terpopuler

PEMROGRAMAN ACAK