#31 Web Programming | Laravel Tutorial

Assalamualaikum wr, wb

Back again with me angga gemilang, masih dengan materi framework laravel. pada kesempatan kali ini kami akan mengerjakan tugas pelajaran PWPB kami disekolah, yakni tentang 3 studi kasus mengenai tata cara pembuatan CRUD pada framework laravel. Perhatikan penjelasannya dibawah ini. Pokoknya pantengin terus, Check This Out...

DIbawah ini ada 2 bab yang akan kita pelajari, yaitu:

1. Penjelasan
2. Studi Kasus 1
3. Studi Kasus 2
4. Studi Kasus 3

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Penjelasan #31 Laravel tutorial
Penjelasannya...

Pada pembahasan kali ini akan membahas bagaimana cara membuat Create dari CRUD dalam Laravel.

Selain itu, dibahas juga metode validasi data dan pengambilan ‘old data’ user.

Untuk lebih jelasnya, perhatikan pengerjaaan studi kasusnya dibawah :

---

Studi Kasus 1
Penjelasannya...

“1. Buatlah tampilan form untuk t_kelas”

Untuk perintah pertama, yang harus dilakukan adalah membuat tabel dan form untuk data dari t_kelas, urutannya kurang lebih seperti dibawah :

1. Buat file untuk menampung views tabel kelas
2. Buat link untuk tambah data di views tabel kelas
3. Buat route baru untuk kelas (index,create dan store-nya) di routes/web.php
4. Buka/buat KelasController dan isi filenya dengan fungsi index,create dan store
5. Buat form tambah data kelas di resources\views
6. Cek di Browser routes-routes tadi

1. Membuat views table t_kelas

<table border="1" align="center"> <tr> <th>No</th> <th>Nama Kelas</th> <th>Jurusan</th> <th>Nama Walkel</th> <th>Lokasi Ruangan</th> </tr> @foreach ($kelas as $row) <tr> <td>{{ isset($i) ? ++$i : $i = 1 }}</td> <td>{{ $row->nama_kelas}}</td> <td>{{ $row->jurusan}}</td> <td>{{ $row->nama_walkel}}</td> <td>{{ $row->lokasi_ruangan}}</td> </tr> @endforeach </table>

---

2. Tambahkan action tambah data

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

---

3. Menambahkan line dibawah di route/web.php

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

---

4. Buat kelasController dan buat fungsi berikut didalamnya

public function index() { $data['kelas'] = \DB::table('t_kelas') ->get(); return view('kelas', $data); }

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

public function store(Request $request) { $input = $request->all(); unset($input['_token']); $status = \DB::table('t_kelas')->insert($input); if($status){ return redirect('/kelas')->with('success', 'Data Berhasil DImasukkan'); } else { return redirect('/kelas'/create)->width('error', 'Data gagal dimasukkan'); } }

---

5. Membuat views tambah data

<h1>Tambah Data</h1> <form action="{{ url('siswa') }}" method="POST"> @csrf @if(!empty($siswa)) @method('PATCH') @endif <label>NIS</label> :<input type="text" value="{{ old('nis') }}" name="nis"><br> <label>Nama Lengkap</label> :<input type="text" name="nama_lengkap" value="{{ old('nama_lengkap') }}"><br> <label>Jenis Kelamin</label> : <label><input type="radio" name="jenis_kelamin" value="L">Laki - Laki</label> <label><input type="radio" name="jenis_kelamin" value="P">Perempuan</label><br> <label>Golongan Darah</label> <select name="goldar"> <option value="A">A</option> <option value="B">B</option> <option value="B">O</option> <option value="C">AB</option> </select> <input type="submit" svalue="Simpan"> </form>

---

“2. Implementasikan validasi untuk table t_kelas”

Seperti yang sudah ada di KelasController@store, bisa dilihat dalam $rule

$rule = [ 'nama_kelas' => 'baild|required|string'; 'jurusan' => 'required'; 'lokasi_ruangan' => 'size:5'; 'nama_wali_kelas' => 'alpha'; ]; $this->validate($request,$rule);

Penjelasan

bail

Jika validasi yang ini gagal, hentikan validasi yang selanjutnya. Jadi error message yang ditampilkan jika bail ini gagal hanya validasi ini

alpha

Memaksa field ini berisi String dengan karakter alfabet saja Kebalikan dari numeric

---

Nah setelah semua itu , cek di browser dengan masukkan localhost/[nama_folder_project]/public/kelas. Cobalah untuk menambah data

---

Studi Kasus 2
Penjelasannya...

“1. Temukan Bug dan Pecahkan Bug Tersebut”

Menurut saya bugny ada dibagian NIS, yang jika NIS yang dimasukkan duplikat, tidak akan error, Hal ini bisa terjadi karena struktur tabel t_kelas yang menjadikan id sebagai PRIMARY

Pemecahan

Admin menggunakan Metode Kedua, yaitu menambahkan validasi.

Sebenarnya ada cara lain yang bisa dilakukan, yaitu dengan melakukan TRUNCATE tabel, namun memerlukan lebih banyak waktu dan tenaga, sehinggan tidak saya rekomendasikan.

Tambahkan line dibawah pada $rule

'nis' => 'required|numeric|unique:t_siswa,nis'

---

Studi Kasus 3
Penjelasannya...

“1. Penggunaan old, dan implementasikan dalam radio button dan select option

Fungsi old disini adalah untuk menampilkan value lama dari input User yang gagal validasinya.

Pada RadioButton

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

Pada Select-Option

<select name="goldar"> <option value=" " >[Golongan Darah]</option> <option value="A" {{ old('goldar')=='A' ? 'selected' : '' }}>A</option> <option value="B" {{ old('goldar')=='A' ? 'selected' : '' }}>B</option> <option value="B" {{ old('goldar')=='A' ? 'selected' : '' }}>O</option> <option value="C" {{ old('goldar')=='A' ? 'selected' : '' }}>AB</option> </select>

---

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #21 Intermediate Web | Web Programming Tutorial karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb