Framewok Laravel

Halo semua,

kembali lagi di SekolahQue kali ini kita masih membahas mengenai framework laravel.

Langsung saja kita ke Codinganya...

• Buka file resources/views/belajar.blade.php, tambahkan link menuju form add.

<a href="{{ url('/siswa/create') }}" style="color : black; margin-left : 25px;"><button type="button" class="btn btn-secondary"> <b><i>ADD</i></b> <span class="glyphicon glyphicon-user"></span> </button></a>

URL digunakan untuk menciptakan URL menuju url tertentu. URL yang diciptakan akan ditambahkan base_url dari project anda.

• Buka file routes/web.php, tambahkan route create

Route::get('/siswa', 'SiswaController@index'); Route::get('/siswa/create', 'SiswaController@create');

Perintah /siswa/create adalah untuk mengarahkan ke function create pada SiswaController. Dan jangan lupa untuk merubah route /belajar menjadi /siswa seperti diatas.

• Buka file app/Http/Controllers/SiswaController.php

public function create(){ return view('siswa.form'); }

Fungsinya adalah menampilkan view dengan nama form yang terdapat pada folder siswa.

• Buat file resources/views/siswa/form.blade.php

<link rel="stylesheet" href="/laravelq/bootstrap/add.css"> <link rel="stylesheet" href="/laravelq/bootstrap/bootstrap/dist/css/bootstrap.min.css"> <form action="{{ url('siswa') }}" class="form1" method="POST"> <h2> FORM SISWA</h2> @csrf <table cellpadding="9" cellspacing="2"> <tr> <td>NIS</td> <td> <input type="text" name="NIS" class="form-control" value="{{ old('NIS') }}"> </td> </tr> <tr> <td>Nama lengkap</td> <td> <input type="text" name="Nama_lengkap" class="form-control" value="{{ old('Nama_lengkap') }}"> </td> </tr> <tr> <td>Jenis kelamin</td> <td> <div> <label> <input type="radio" name="Jenis_kelamin" value="Laki-laki" {{ old('Jenis_kelamin') == 'Laki-laki' ? 'checked=' . '"' . 'checked' . '"' : '' }}> Laki - laki </label> <label style="padding-left : 60px;"> <input type="radio" name="Jenis_kelamin" value="Perempuan" {{ old('Jenis_kelamin') == 'Perempuan' ? 'checked=' . '"' . 'checked' . '"' : '' }}> Perempuan </label> </div> </td> </tr> <tr> <td>Kelas</td> <td> <input type="text" name="Id_kelas" class="form-control" value="{{ old('Kelas') }}"> </td> </tr> <tr> <td>Jurusan</td> <td> <select name="Jurusan" class="form-control"> <option value="none">[ PILIH JURUSAN ]</option> <option value="RPL" {{ old('Jurusan') == 'RPL' ? 'selected=' . '"' . 'selected' . '"' : '' }}>RPL</option> <option value="TKJ" {{ old('Jurusan') == 'TKJ' ? 'selected=' . '"' . 'selected' . '"' : '' }}>TKJ</option> <option value="MULTIMEDIA" {{ old('Jurusan') == 'MULTIMEDIA' ? 'selected=' . '"' . 'selected' . '"' : '' }}>MULTIMEDIA</option> <option value="TOI" {{ old('Jurusan') == 'TOI' ? 'selected=' . '"' . 'selected' . '"' : '' }}>TOI</option> <option value="TITL" {{ old('Jurusan') == 'TITL' ? 'selected=' . '"' . 'selected' . '"' : '' }}>TITL</option> <option value="TEAV" {{ old('Jurusan') == 'TEAV' ? 'selected=' . '"' . 'selected' . '"' : '' }}>TEAV</option> </select> </td> </tr> <tr> <td>Golongan darah</td> <td> <select class="form-control" name="Golongan_darah"> <option value="">[ PILIH ]</option> <option value="A" {{ old('Golongan_darah') == 'A' ? 'selected=' . '"' . 'selected' . '"' : '' }}>A</option> <option value="B" {{ old('Golongan_darah') == 'B' ? 'selected=' . '"' . 'selected' . '"' : '' }}>B</option> <option value="AB" {{ old('Golongan_darah') == 'AB' ? 'selected=' . '"' . 'selected' . '"' : '' }}>AB</option> <option value="O" {{ old('Golongan_darah') == 'O' ? 'selected=' . '"' . 'selected' . '"' : '' }}>O</option> </select> </td> </tr> <tr> <td>Nama ibu kandung</td> <td> <input type="text" name="Nama_ibu_kandung" class="form-control" value="{{ old('Nama_ibu_kandung') }}"> </td> </tr> <td>Alamat</td><td> <textarea type="text" name="Alamat" class="form-control" value="{{ old('Alamat') }}">

• ·         csrf_token()

Digunakan untuk membuat csrf token.

• ·         csrf_field()

Digunakan untuk membuat input hidden _token beserta token nya.

<input type=“hidden” name=“_token” value=“xxxxxxxxx”

• ·         @csrf

Fitur dari blade, sama dengan csrf_field, namun tidak perlu menggunakan bracket ( {{ }} ) untuk menampilkannya di HTML. Setiap request yang memiliki method selain GET (POST, PUT, PATCH, DELETE), syntax diatas wajib digunakan didalam form sebagai fungsi keamanan dari serangan CSRF. CSRF (Cross-Site Request Forgery) merupakan bentuk eksploitasi website yang dieksekusi atas wewenang korban, tanpa dikehendakinya. CSRF menipu web site melalui request dari user yang dipercaya. Serangan bekerja melalui link atau script pada halaman site yang diakses user.

• Displaying user's old value

Ketika form tidak lengkap atau tidak sesuai dengan rules, seharusnya form yang sudah diisi oleh user yang sebelumnya harus tetap muncul.

Bentuk umum untuk menampilkan value yang user input:

<input ……………… value=“{{ old(‘nama_field’) }}” />

• Buka file routes/web.php, tambahkan route post

Route::get('/siswa', 'SiswaController@index'); Route::get('/siswa/create', 'SiswaController@create'); Route::post('/siswa', 'SiswaController@store');

Perintah route post tersebut akan mengarahkan route /siswa dengan method request post ke function store pada Controller SiswaController.

• Buka file app/Http/Controllers/SiswaController.php, tambahkan fungsi store

public function store(Request $request){ $rule = [ 'NIS' => 'required|max:11|unique:siswa', 'Nama_lengkap' => 'required|string', 'Jenis_kelamin' => 'required', 'Id_kelas' => 'required', 'Jurusan' => 'required', 'Golongan_darah' => 'required', 'Nama_ibu_kandung' => 'required', 'Alamat' => 'required' ]; $this->validate($request, $rule); $input = $request->all(); unset($input['_token']); $status = \DB::table('siswa')->insert($input); if($status){ return redirect('/siswa')->with('success', 'Data berhasil ditambahkan'); }else{ return redirect('/siswa/create')->with('error', 'Data gagal ditambahkan'); } }

$input = $request->all();

Baris diatas digunakan untuk menangkap seluruh request yang dikirim dari view form

unset($input['_token']);

Baris diatas digunakan untuk menghapus data dengan key _token pada array asosiatif $input karena data tersebut tidak ada didalam tabel (tidak akan di-insert)

$status = \DB::table('siswa')->insert($input);

Melakukan insert data ke tabel t_siswa dimana datanya berasal dari array $input

if($status){ return redirect('/siswa')->with('success', 'Data berhasil ditambahkan'); }else{ return redirect('/siswa/create')->with('error', 'Data gagal ditambahkan'); }

Baris diatas memeriksa apakah input data berhasil atau tidak.

Jika berhasil maka arahkan tampilan kembali ke alamat /siswa (Menampilkan Tabel Data Siswa) dengan membawa session success dengan pesan ‘Data berhasil ditambahkan’

Jika gagal maka arahkan tampilan kembali ke alamat /siswa/create (Menampilkan kembali form input data siswa) dengan membawa session error dengan pesan ‘Data gagal ditambahkan’.

• Success or error messages (Buka file resources/views/belajar.blade.php)

@if(session('success')) <div class="alert alert-success"> {{ session('success') }} </div> @endif @if(session('error')) <div class="alert alert-error"> <a href="{{ url('/siswa/create') }}" class="close" aria-label="close" data-dismiss="alert">x</a> {{ session('error') }} </div> @endif

- @if

Digunakan untuk menampilkan suatu bagian pada HTML ketika kondisi pada PHP terpenuhi

@if(session(‘success’))

Pada contoh diatas, tampilkan div dengan class success jika session(‘success’) tidak kosong. Div tersebut berisikan data/pesan yang ada pada session(‘success’) tersebut

Perhatikan penempatan blok @endif

Setelah berhasil menambahkan data, akan diarahkan ke tampilan ini dengan menampilkan pesan Data Berhasil Ditambahkan.

• Validation Input

Untuk melakukan validasi input agar sesuai dengan yang diharapkan, Laravel sudah menyediakan fiturnya yaitu dengan menggunakan Facades Validator atau function validate.

$rule = [ 'NIS' => 'required|max:11|unique:siswa', 'Nama_lengkap' => 'required|string', 'Jenis_kelamin' => 'required', 'Id_kelas' => 'required', 'Jurusan' => 'required', 'Golongan_darah' => 'required', 'Nama_ibu_kandung' => 'required', 'Alamat' => 'required' ]; $this->validate($request, $rule);

Akan menampilkan error jika terdapat form yang belum diisi sesuai dengan yang ada pada rule.

Cara menulis rule adalah dengan membuat array asosiatif yang didalamnya berisi key yang berupa nama field yang ada pada form dan value yang berisi string valiadasinya.

• Validasi lebih dari 2 rule & validasi berparameter

Jika terdapat lebih dari 2 validasi, gunakan simbol |

Jika string validasi memerlukan parameter, gunakan simbol titik dua :

Contoh Array Asosiatif untuk Validasi NIS:

‘nis’ => ‘max:10’

Artinya: Validasi NIS hanya boleh memiliki panjang maksimal 10 karakter.

Sama dengan if pada percobaan sebelumnya, if disini artinya menampilkan error dari validasi jika variabel $errors lebih dari 1

Variabel $errors berasal dari hasil validasi pada sintaks di Controller => $this->validate()

STUDI KASUS

#1
Buka web.php

Route::get('/fkelas', 'SiswaController@Kelas'); Route::get('/fkelas/createkelas', 'SiswaController@createkelas'); Route::post('/fkelas', 'SiswaController@storekelas');

Buka kelas.blade.php
<a href="{{ url('/fkelas/createkelas') }}" style="color : black; margin-left : 25px;"> <button type="button" name="button" class="btn btn-secondary"><b>TAMBAH</b></button> </a>


Buka formkelas.blade.php
<link rel="stylesheet" href="/laravelq/bootstrap/add.css"> <link rel="stylesheet" href="/laravelq/bootstrap/bootstrap/dist/css/bootstrap.min.css"> @if(session('error')) <div class="alert alert-error"> {{ session('error') }} </div> @endif @if(count($errors) > 0 ) <div class="alert alert-danger"> <strong>Perhatian</strong> <br/> <ul> @foreach ($errors->all() as $error) <li>{{ $error }}</li> @endforeach </ul> </div> @endif <form class="form1" action="{{ url('fkelas') }}" method="post"> <h2> FORM KELAS</h2> @csrf <table cellpadding="9" cellspacing="2"> <tr> <td>Id Kelas</td> <td> <input type="text" name="Id_kelas" class="form-control" value="{{ old('Id_kelas') }}"> </td> </tr> <tr> <td>Nama Kelas</td> <td> <input type="text" name="Nama_kelas" class="form-control" value="{{ old('Nama_kelas') }}"> </td> </tr> <tr> <td>Lok. Ruangan</td> <td> <input type="text" name="Ruangan" class="form-control" value="{{ old('Ruangan') }}"> </td> </tr> <tr> <td>Wali Kelas</td> <td> <input type="text" name="Wali_kelas" class="form-control" value="{{ old('Wali_kelas') }}"> </td> </tr> <tr> <td> <input type="submit" value="Simpan" class="btn btn-primary mt-2"> <a href="{{ url('fkelas') }}"> <button type="button" name="button" class="btn btn-danger mt-2">Kembali</button> </a> </td> </tr> </table> </form>

Buka SiswaController.php

public function storekelas(Request $request){ $rule = [ 'Id_kelas' => 'required|numeric|min:3|unique:kelas|bail', 'Nama_kelas' => 'required|string|bail', 'Ruangan' => 'required|bail', 'Wali_kelas' => 'required|alpha|bail' ]; $this->validate($request, $rule); $inputkelas = $request->all(); unset($inputkelas['_token']); $statuskelas = \DB::table('kelas')->insert($inputkelas); if($statuskelas){ return redirect('/fkelas')->with('success', 'Data berhasil ditambahkan'); }else{ return redirect('/fkelas/createkelas')->with('error', 'Data gagal ditambahkan'); } }

STUDI KASUS #2
Menurut saya BUG yang terdapat pada codingan materi ini terdapat pada validasi input. Seharusnya field untuk validasi NIS ditambahkan validasi unique untuk membuat sebuah atribut unik atau tidak boleh sama.

STUDI KASUS #3
Pada Radio Button
<div> <label> <input type="radio" name="Jenis_kelamin" value="Laki-laki" {{ old('Jenis_kelamin') == 'Laki-laki' ? 'checked=' . '"' . 'checked' . '"' : '' }}> Laki - laki </label> <label style="padding-left : 60px;"> <input type="radio" name="Jenis_kelamin" value="Perempuan" {{ old('Jenis_kelamin') == 'Perempuan' ? 'checked=' . '"' . 'checked' . '"' : '' }}> Perempuan </label> </div>

Pada Selected option
<select name="Jurusan" class="form-control"> <option value="none">[ PILIH JURUSAN ]</option> <option value="RPL" {{ old('Jurusan') == 'RPL' ? 'selected=' . '"' . 'selected' . '"' : '' }}>RPL</option> <option value="TKJ" {{ old('Jurusan') == 'TKJ' ? 'selected=' . '"' . 'selected' . '"' : '' }}>TKJ</option> <option value="MULTIMEDIA" {{ old('Jurusan') == 'MULTIMEDIA' ? 'selected=' . '"' . 'selected' . '"' : '' }}>MULTIMEDIA</option> <option value="TOI" {{ old('Jurusan') == 'TOI' ? 'selected=' . '"' . 'selected' . '"' : '' }}>TOI</option> <option value="TITL" {{ old('Jurusan') == 'TITL' ? 'selected=' . '"' . 'selected' . '"' : '' }}>TITL</option> <option value="TEAV" {{ old('Jurusan') == 'TEAV' ? 'selected=' . '"' . 'selected' . '"' : '' }}>TEAV</option> </select>


Sekian dulu ya...
Mohon maaf apabila ada kesalahan atau terdapat yang kurang dimengerti...
Coba dirumah dan jangan takut mencoba...
#BelajarBersama