#30 Web Programming | Laravel Tutorial

Assalamualaikum wr, wb

Back again with me angga gemilang, masih dengan materi framework laravel. pada kesempatan kali ini kami akan menjelaskan tentang 2 jenis studi kasus mengenai controller dan sedikit bermain - main dengan database. Untu lebih jelasnya, perhatikan penjelasannya dibawah ini. Pokoknya pantengin terus, Check This Out...

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

1. Persiapan
2. Studi Kasus 2
3. Studi Kasus 3

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

Persiapan Controller Laravel
Penjelasannya...

Pertama - tama kalian terlebih dahulu harus menghidupkan apache dan juga php pada xampp.

Kemudian kalian harus membuat dummy data di table t_kelas, yang kalau pada kasus saya, saya mengisi datanya dengan menggunakan seluruh data kelas di SMKN 4 Bandung. Kurang lebih ada pada gambar dibawah ini :

---

Studi Kasus 2
Penjelasannya...

Perintahnya :

Buatlah dummy data untuk table t_kelas dengan data kelas XI di SMKN 4 Bandung (Semua jurusan 13 kelas) dan buatlah controller serta modifikasi viewnya untuk menampilkan data dari t_kelas

Langsung saja ke langkah pertama :

1. Buat controllernya

php artisan make:controller KelasController

Tunggu sampai muncul keterangan seperti berikut :

C:\xampp\htdocs\laravel5.7-fresh>php artisan make:controller KelasController Controller created successfully.

2. Isi file KelasController

3. Sambungkan KelasController dengan Route

4. Coding Tampilan di belajar.blade.php

HTML

<h1>Halaman Dari Controller</h1> <table border="1"> <tr> <th>No</th> <th>NIS</th> <th>Nama Lengkap</th> <th>Jenis Kelamin</th> <th>Golongan Darah</th> </tr> @foreach ($siswa as $row) <tr> <td>{{ isset($i) ? ++$i : $i = 1 }}</td> <td>{{ $row->nis}}</td> <td>{{ $row->nama_lengkap}}</td> <td>{{ $row->jenis_kelamin}}</td> <td>{{ $row->goldar}}</td> </tr> @endforeach </table> <br><br> <a class="tambah" href="{{ url('/belajar/create') }}">Tambah Data</a>

CSS

body, * { font-family: arial; } .tambah { background: #232E33; width: 100%; height: 15px; text-decoration: none; color: #fff; padding: 10px 20px; align-items: center; align-content: center; margin-left: 44%; } h1 { text-align: center; text-transform: uppercase; font-family: arial; } table { width: 100%; color: #fff; border: 1px solid #000; border-collapse: collapse; } table tr th { font-family: arial; font-weight: bold; padding: 15px 25px; } table tr td { padding: 5px 13px; text-align: center; } table tr th { background: #232E33; color: #fff; } table tr:nth-child(odd) { background: #888F92; } table tr:nth-child(even) { background: #4D575C; }

Hasil Dari Pengerjaan Studi Kasus 2 :

---

Studi Kasus 3
Penjelasannya...

Tampilkan data dari t_kelas, diurutkan berdasarkan lokasi ruangan
1. Tampilkan data dari t_kelas, yang memiliki nama jurusan yang diawali dengan huruf T
2. Tampilkan data dari t_Kelas diurutkan berdasarkan jurusan dan nama kelas
3. Tampilkan data dari t_Kelas hanya data jurusan dari kelas audio video saja

1. Pengurutan berdasarkan lokasi ruangan

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

Hasil Dari Pengerjaan studi Kasus 2.1:

---

2. Filter jurusan yang dimulai dengan huruf t saja

public function index() { $data['siswa'] = \DB::table('t_kelas') ->where('jurusan', 'like', 'T%') ->get(); return view('belajar', $data); }

Hasil Dari Pengerjaan Studi Kasus 2.2:

---

3. Pengurutan berdasarkan jurusan data nama kelas

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

Hasil Dari Pengerjaan Studi Kasus 2.3:

---

4. Menampilkan dat hanya dari yang berjurusan audio video saja

public function index() { $data['siswa'] = \DB::table('t_kelas') ->where('jurusan', 'like', 'Audio Video') ->get(); return view('belajar', $data); }

Hasil Dari Pengerjaan Studi Kasus 2.4:

---

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