Laravel 5.2 CRUD Sederhana : Bagian 3

Oke, kita berjumpa lagi di tutorial series belajar CRUD sederhana dengan laravel bagian ketiga. Tutorial bagian kedua kita sudah sampai menyimpan data kedalam database, untuk bagian ketiga ini kita akan mencoba untuk menampilkan isi dari tabel students.

Hal pertama yang harus dilakukan adalah membuat file view untuk memuat semua data yang ada di tabel student, kita akan menampilkannya dalam bentuk tabel. Kalian buat file baru di resources/views/students/ dengan nama file index.blade.php, untuk isinya kalian bisa ikutin baris kode dibawah ini.

@extends('templates.default')
@section('content')
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">Form Data Siswa</div>
                <div class="panel-body">
                    <a href=" {{ route('student.add') }}" class="btn btn-success">Tambah</a>
                </div>
                <table class="table table-hover table-bordered table-striped table-condensed">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Nama Siswa</th>
                            <th>Alamat</th>
                            <th>Pilihan</th>
                        </tr>                            
                    </thead>
                    <tbody>
                        @foreach ($students as $student)
                            <tr>
                                <td>{{ $student->id }}</td>
                                <td>{{ $student->name }}</td>
                                <td>{{ $student->address }}</td>
                                <td>
                                    <a href="" class="btn btn-warning btn-xs">Ubah</a>
                                    <a href="" class="btn btn-danger btn-xs">Hapus</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@stop

Berikutnya kita ubah file routing, kalian hanya menambahkan baris kode dibawah ini. Posisikan diatas router untuk tambah data, agar terlihat rapi dan mudah terbaca .

Route::get('student', [
    'as' => 'student', 'uses' => 'StudentController@index'
]);

Kalian masukkan baris kode berikut kedalam StudentController di dalam method index.

public function index()
    {

        $students = Students::all();
        return view('students.index')->with('students', $students);
    }

Untuk mencobanya kalian bisa mengetikan alamat http://localhost/students/public/student/add dibrowser kalian masing-masing.

Sip, kita sudah berhasil menampilkan semua data yang ada di tabel students. Berikutnya kita akan membuat paging untuk tabelnya agar ketika datanya sudah banyak hasilnya tidak ditampilkan semua dalam satu halaman.

Kita ubah beris kode yang ada di method index menjadi seperti dibawah ini.

public function index()
    {

        $students = Students::paginate(5);
        return view('students.index')->with('students', $students);
    }

Maksud dari baris kode diatas adalah kita memanggil semua data dari tabel students dengan paginate dan ditampilkan hanya lima data saja per-halaman. Sehingga tampilannya seperti dibawah ini.

Hooray... Sampai disini dulu main-mainnya ya... Kita lanjutkan dilain kesempatan.

Author : Unknown

Share this

Related Posts