Create Data with DB, Validation, and Old input

Assalamualaikum Wr, Wb.

Welcome back in SchoolBlog!! Saya Muhamad Syahrul Ramadhan akan terus mentransferkan ilmu yang sudah saha pelajari dikelas kepada kalian semua para pembaca blog ini. And today in this postingan, saya akan membahas mengenai yang tertulis di judul.. Okey langsung saja kepembahasannya yuk!

*postingan ini adalah lanjutan dari postingan sebelumnya yang membahas mengenai 

Create Data with Database Facade

Step 1
Buka file siswa.blade.php, tambahkan link menuju form add seperti ini :

<a href="{{ url('/siswa/create') }}">Tambah Data</a>

Penjelasan

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

Misal: url('/siswa/crete'), maka yang akan muncul di HTML-nya adalah http://localhost/laravel/public/siswa/create

Step 2

Buka file web.php, tambahkan route create seperti ini :

Route::get('/kelas/create', 'KelasController@create');

   Perintah tersebut akan mengarahkan route /siswa/create ke function create pada controller SiswaController. 

Step 3

Buka file SiswaController.php. Lalu tambahkan tag seperti ini :

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

Tag tersebut untuk menampilkan view dengan nama Form yang terdatap pada folder siswa di resource.

Step 4
Buat file form.blade.php, pada folder siswa di resource/views. Dengan format :

<h1> Form Siswa</h1> <form class="" action="{{ url('siswa') }}" method="POST"> @csrf NIS : <input type="text" name="nis" value=""/><br/> Nama Lengkap : <input type="text" name="nama_lengkap" value=""/><br/> Jenis Kelamin : <br/> <label><input type="radio" name="jenis_kelamin" value="L"> L </label><br/> <label><input type="radio" name="jenis_kelamin" value="P"> P </label><br/> Id.Kelas : <select class="" name="id_kelas"> <option value="-">-Pilih kelas-</option> <option value="1">XI - TITL 1</option> <option value="2">XI - TITL 2</option> <option value="3">XI - TOI 1</option> <option value="4">XI - TOI 2</option> <option value="5">XI - TAV 1</option> <option value="6">XI - TAV 2</option> <option value="7">XI - TAV 3</option> <option value="8">XI - TKJ 1</option> <option value="9">XI - TKJ 2</option> <option value="10">XI - RPL 1</option> <option value="11">XI - RPL 2</option> <option value="12">XI - RPL 3</option> <option value="13">XI - MM</option> </select><br/> alamat : <input type="text" name="alamat" value=""><br/> Golongan Darah: <select class="" name="golongan_darah"> <option value="-">-Pilih Goldar-</option> <option value="A">A</option> <option value="B">B</option> <option value="AB">AB</option> <option value="O">O</option> </select><br/> Nama Ibu : <input type="text" name="nama_ibu_kandung" value=""><br/> Foto : <input type="file" class="form-control" name="file"/><br/> <input type="submit" name="" value="Simpan"> </form>

Penjelasan

   csrf_token() digunakan untuk membuat csrf token.

csrf_field() digunakan untuk membuat input hidden _token beserta tokennya. Contoh tag :

<input type="hidden" name="_token" valuew=" "

   @csrf adalah fitur dari blade, sama dengan csrf_field, namun tidak perlu menggunakan bracket ({{}}) untuk menampilkannya di HTML. Setiap request yang memiliki method selain GET, wajib digunakan didalam form sebagai fungsi keamanan dari serangan CSRF.

   CSRF (Cross-Site Request Forgery) merupakan bentuk eksploitast website yang dieksekusi atas wewenang korban, tanpa dikehendakinya.CSRF menipu web site melalui request dari user yang dipercaya. Serangan bekerja melalui link atau scrip pada halaman site yang diakses user.

Step 4

Buka file web.php, tambahkan route post seperti ini :

Route::post('/kelas', 'KelasController@store');

   Perintah tersebut akan mengarahkan route /siswa dengan methode POST ke function store pada controller SiswaController.

Step 5

Buka file SiswaController.php, tambahkan fungsi store :

public function store(Request $request) { $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'); } }

Coba di Browser :

tabel siswa

form siswa 

setelah di submit

Success/Error Message Feedback

Buka file siswa.blade.php :

@if(session('success')) <div class="alert alert-success"> {{ session('success') }} </div> @endif @if(session('error')) <div class="alert alert-error"> {{ session('error') }} </div> @endif

Penjelasan

@if digunakan untuk menampilkan suatu bagian pada HTML ketika kondisi pada PHP trepenuhi.

Coba di Browser

Maka akan muncul tamoilan ini dengan pesan Data berhasil di Tambahkan

Input Validation

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

Step 1

Buka file SiswaController.php, tambahkan code di fungsi store :

public function store(Request $request) { $rule = [ 'nis' => 'required|numeric', 'nama_lengkap' => 'required|String', 'jenis_kelamin' => 'required', 'golongan_darah' => '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'); } }

Step 2

Buka file form.blade.php, lalu tambahkan di paling atas :

@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

Coba di Browser :

akan tampil error seperti ini jika field yang diisi belum sesuai dengan yanga ada di rule.

Penjelasan

   Cara menulis rule adalah dengan membuat array asosiatif yang didalmnya berisi key yang berupa nama field yang ada pada form dan value yang berisi string validasinya. Jika terdapat lebih dari 2 validasi, digunakan simbil | jika string validasi memerlukan parameter, gunakan simbol titik dua.

Displaying User's Old Value

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

Buka file form.blade.php, lalu tamabahkan jadi seperti ini :

<form class="" action="{{ url('siswa') }}" method="POST"> @csrf NIS : <input type="text" name="nis" value="{{ old('nis') }}"/><br/> Nama Lengkap : <input type="text" name="nama_lengkap" value="{{ old('nama_lengkap') }}"/><br/> Jenis Kelamin : <br/> <label><input type="radio" name="jenis_kelamin" value="L"> L </label><br/> <label><input type="radio" name="jenis_kelamin" value="P"> P </label><br/> Id.Kelas : <select class="" name="id_kelas"> <option value="-">-Pilih kelas-</option> <option value="1">XI - TITL 1</option> <option value="2">XI - TITL 2</option> <option value="3">XI - TOI 1</option> <option value="4">XI - TOI 2</option> <option value="5">XI - TAV 1</option> <option value="6">XI - TAV 2</option> <option value="7">XI - TAV 3</option> <option value="8">XI - TKJ 1</option> <option value="9">XI - TKJ 2</option> <option value="10">XI - RPL 1</option> <option value="11">XI - RPL 2</option> <option value="12">XI - RPL 3</option> <option value="13">XI - MM</option> </select><br/> alamat : <input type="text" name="alamat" value="{{ old('alamat') }}"><br/> Golongan Darah: <select class="" name="golongan_darah"> <option value="-">-Pilih Goldar-</option> <option value="A">A</option> <option value="B">B</option> <option value="AB">AB</option> <option value="O">O</option> </select><br/> Nama Ibu : <input type="text" name="nama_ibu_kandung" value="{{ old('nama_ibu_kandung') }}"><br/> Foto : <input type="file" class="form-control" name="file"/><br/> <input type="submit" name="" value="Simpan"> </form>

Studi Kasus

1. Lakukan hal seperti yang sudah dijelaskan pada slide sebelumnya untuk tabel t_kelas. Buatlah tampilan form untuk menambahkan data kelas. lalu implementasikan validasi nya.

Web.php :

Route::get('/kelas', 'KelasController@t_kelas'); Route::get('/kelas/create', 'KelasController@create'); Route::post('/kelas', 'KelasController@store');

KelasController.php :

<?php namespace App\Http\Controllers; use Illuminate\Http\Request; class KelasController extends Controller { public function t_kelas() { $data['kelas'] = \DB::table('t_kelas') // ->orderBy('lokasi_ruangan') // ->orderBy('jurusan') // ->orderBy('nama_kelas') // ->where('nama_wali_kelas', 'like', '%A%') // ->where('jurusan', 'like', '%Teknik Audio Video%') ->get(); return view('kelas', $data); } public function create(){ return view('kelas.form'); } public function store(Request $request) { $rule = [ 'id_kelas' => 'required|numeric', 'nama_kelas' => 'required|String', 'jurusan' => 'required', 'lokasi_ruangan' => 'required', 'nama_wali_kelas' => 'required' ]; $this->validate($request, $rule); $input = $request->all(); unset($input['_token']); $status = \DB::table('t_kelas')->insert($input); if ($status) { return redirect('/kelas')->with('success', 'Data berhasil ditambahkan'); }else{ return redirect('/kelas/create')->with('error', 'Data gagal ditambahkan'); } } }

kelas.blade.php :

Halaman dari contollers siswa.<br> @if(session('success')) <div class="alert alert-success"> {{ session('success') }} </div> @endif @if(session('error')) <div class="alert alert-error"> {{ session('error') }} </div> @endif <a href="{{ url('/kelas/create') }}">Tambah Kelas</a> <table border="1"> <tr> <th>No</th> <th>Id Kelas</th> <th>Nama Kelas</th> <th>Jurusan</th> <th>Ruangan</th> <th>Wali Kelas</th> </tr> @foreach ($kelas as $kls) <tr> <td>{{ isset($i) ? ++$i : $i = 1 }}</td> <td>{{ $kls->id_kelas }}</td> <td>{{ $kls->nama_kelas }}</td> <td>{{ $kls->jurusan }}</td> <td>{{ $kls->lokasi_ruangan }}</td> <td>{{ $kls->nama_wali_kelas }}</td> </tr> @endforeach </table>

form.blade.php :

@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 <h1> Form Kelas</h1> <form class="" action="{{ url('kelas') }}" method="POST"> @csrf Id.Kelas : <input type="text" name="id_kelas" value="{{ old('id_kelas') }}"/><br/> Nama Kelas : <input type="text" name="nama_kelas" value="{{ old('nama_kelas') }}"/><br/> Jurusan : <input type="text" name="jurusan" value="{{ old('jurusan') }}"/><br/> Lokasi Ruangan : <input type="text" name="lokasi_ruangan" value="{{ old('lokasi_ruangan') }}"/><br/> Wali Kelas : <input type="text" name="nama_wali_kelas" value="{{ old('nama_wali_kelas') }}"/><br/> <input type="submit" name="" value="Simpan"> </form>

Coba di Browser :

tabel kelas

form kelas 

validasi 

message feedback 

2.  Temukan BUG pada tutorial ini!

Menurut saya tidak ada bug, hanya saja ada kesalahan dalam penempatan koma yang seharusnya tidak perlu karena sudah tidak ada variable untuk selajutnya.

3. Implementasilan fungsi old untuk field berjenis radio button dan field berjenis optio pada form siswa (Field jenis kelamin dan golongan darah).

Untuk Jenis kelamin :

Jenis Kelamin : <br/> <label><input type="radio" name="jenis_kelamin" value="L" {{ (old('jenis_kelamin') == 'L') ? 'checked' : '' }}> L </label><br/> <label><input type="radio" name="jenis_kelamin" value="P" {{ (old('jenis_kelamin') == 'P') ? 'checked' : '' }}> P </label><br/>

Untuk Golongan darah :

Golongan Darah: <select class="" name="golongan_darah"> <option value="-" {{ (old('golongan_darah') == '-') ? 'selected' : '' }}>-Pilih Goldar-</option> <option value="A" {{ (old('golongan_darah') == 'A') ? 'selected' : '' }}>A</option> <option value="B" {{ (old('golongan_darah') == 'B') ? 'selected' : '' }}>B</option> <option value="AB" {{ (old('golongan_darah') == 'AB') ? 'selected' : '' }}>AB</option> <option value="O" {{ (old('golongan_darah') == 'O') ? 'selected' : '' }}>O</option> </select>

Alhamdulillah sudah sampai di ujung postingan yang lumbayan banyak ini. Semoga membantu dan mudah di pahami. Mohon maaf bila ada salah kata atau typo.

Wassalamualaikum Wr, Wb.