php artisan make:model Buku

Model bisa diartikan sebagai perwakilan tabel, perwakilan tabel yang ada pada database, perwakilan proses manipulasi data kita sebut Model.

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Buku extends Model
{
    use HasFactory;
    //beritahu laravel bahwa ada tabel buku dalam database, yang di izinkan untuk ditampilkan
    protected $table = 'buku';
}

Sekarang kita akan menampilkan detail pada data buku yang sudah kita buat namun dengan menggunakan slug yang kita buat. Langkah awal silahkan modifikasi file Routes.php lalu tambahkan route baru seperti berikut :

//jika ada yang mengkases /buku/lalu-apapun , lalu kita arahkan ke controller Buku methodnya detail lalu kirimkan ke segment
$routes->get('/buku/(:segment)', 'Buku::detail/$1');

Setelah itu pada controller Buku.php silahkan tambahkan method detail seperti berikut

    public function detail($slug)
    {
        echo $slug;
    }

Kemudian arahkan tombol detail pada folder View->Buku index.php sepert code berikut

<td>
    <a href="/buku/<?= $b['slug']; ?>" class="btn btn-success">Detail</a>
</td>

Maka tampilnya akan seperti gambar dibawah ini :

Selanjutnya kita akan membuat sebuah method didalam Model BukuModel.php, seperti berikut ini :

class BukuModel extends Model
{
    protected $table      = 'buku';
    protected $useTimestamps = true;

    public function getBuku($slug = false)
    {
        //jika tidak ada slug maka tampilkan semua
        if ($slug == false) {
            return $this->findAll();
        }
        //jika ada slug maka tampilkan data pertama
        return $this->where(['slug' => $slug])->first();
    }
}

Setelah itu perbaiki controller Buku.php seperti berikut ini :

<?php

namespace App\Controllers;

use App\Models\BukuModel;

class Buku extends BaseController
{
    protected $BukuModel;
    public function __construct()
    {
        $this->BukuModel = new BukuModel();
    }

    public function index()
    {
        //$buku = $this->BukuModel->findAll();
        $data = [
            'title' => 'Daftar Buku',
            'buku' => $this->BukuModel->getBuku()
        ];

        echo view('template/header', $data);
        return view('buku/index', $data);
        echo view('template/footer');
    }

    public function detail($slug)
    {

        $$data = [
            'title' => 'Detail Buku',
            'buku' => $this->BukuModel->getBuku($slug)
        ];

        echo view('template/header', $data);
        return view('buku/detail', $data);
        echo view('template/footer');
    }
}

Setelah itu kita akan membuat sebuah file detail.php didalam View pada folder buku seperti berikut ini :

<div class="container">
    <div class="row">
        <div class="col">
            <h1>Detail Buku</h1>

            <div class="card mb-3" style="max-width: 540px;">
                <div class="row g-0">
                    <div class="col-md-4">
                        <img src="/img/<?= $buku['cover']; ?>" class="img-fluid rounded-start" alt="<?= $buku['slug']; ?>">
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                            <h5 class="card-title"><?= $buku['judul']; ?></h5>
                            <p class="card-text"><b>Penulis : </b> <?= $buku['penulis']; ?></p>
                            <p class="card-text"><small class="text-muted"><b>Penerbit : </b> <?= $buku['penerbit']; ?></small></p>
                            <a href="" class="btn btn-warning">Edit</a>
                            <a href="" class="btn btn-danger">Hapus</a>
                            <br>
                            <br>
                            <a href="/buku" class="">Kembali ke daftar buku</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

Maka hasilnya sebagai berikut :

Untuk melanjutkan materi pada sebelumnya, silahkan buat sebuah controller dengan nama Buku.php, isinya sebagai berikut :

<?php

namespace App\Controllers;

class Buku extends BaseController
{
    public function index()
    {
        $data = [
            'title' => 'Daftar Buku'
        ];
        echo view('template/header', $data);
        return view('buku/index', $data);
        echo view('template/footer');
    }
}

Setelah itu tambahkan folder buku pada View, didalam folder buku tambahkan file index.php yang isinya sebagai berikut :

<div class="container">
    <div class="row">
        <div class="col">
            <h1>Data Buku</h1>
            <table class="table">
                <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">Cover</th>
                        <th scope="col">Judul</th>
                        <th scope="col">Penulis</th>
                        <th scope="col">Penerbit</th>
                        <th scope="col">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th scope="row">1</th>
                        <td><img src="/img/web.jpg" alt="" width="100"></td>
                        <td>Pengantar Pemrograman Web</td>
                        <td>Abdul Rahman</td>
                        <td>Madza Media</td>
                        <td>
                            <a href="" class="btn btn-success">Detail</a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

Hasilnya adalah sebagai berikut ini :

Agar terliat lebih rapi sekarang kita akan menambahkan sebuah style.css dengan cara membuat sebuah folder dengan nama css pada folder public, lalu simpan file css. Kode nya sebagai berikut :

.sampul {
  width: 70px;
}

/* tanda (*) menunjukan bahwa apapun yang ada didalam .table > tbody > tr > */
.table > tbody > tr > * {
  vertical-align: middle;
}

Lalu sambungkan file css pada file header.php, latakkan sebelum title. Kode nya seperti dibawah ini :

<link rel="stylesheet" href="/css/style.css">

Maka hasilnya akan menjadi seperti gambar dibawah :

Selanjutnya kita akan membuat sebuah database dengan nama belajarci4, dengan cara ketikan pada browser localhost/phpmyadmin kemudian mebuat sebuah table dengan nama buku, isi datanya sebagai berikut :

Setelah selesai silahkan tambahkan 2 data seperti gambar dibawah :

Setelah itu kita ubah koneksi database pada file .env samakan seperti gambar dibawah :

Selanjutnya kita akan membuat Model untuk merepresentasikan table buku pada database yang kita miliki. Cranya yaitu membuat file BukuModel.php pada folder Model. Isi kodenya sebaga berikut :

<?php

namespace App\Controllers;

use App\Models\BukuModel;

class Buku extends BaseController
{
    protected $BukuModel;
    public function __construct()
    {
        $this->BukuModel = new BukuModel();
    }

    public function index()
    {
        $buku = $this->BukuModel->findAll();
        $data = [
            'title' => 'Daftar Buku',
            'buku' => $buku
        ];

        echo view('template/header', $data);
        return view('buku/index', $data);
        echo view('template/footer');
    }
}

Dan hasilnya seperti gambar dibawah :