• Artikel Terbaru

    MODUL MEMBUAT PROGRAM DENGAN LARAVEL 10 Part 5 – MENAMPILKAN DETAIL DATA BY ID (Filter)

    Di modul ini adalah memanggil data berdasar id, perintah ini berfungsi untuk membuat Detail berita, Edit berita, Hapus berita. Berikut langkah-langkahnya

    1. Menambahkan method Show dengan cara buka file app/Http/Controller/BeritaController.php kemudian tambahkan kode berikut ini di bawahnya method create :


      public function show(string $id): View

        {

            //get post by ID

            $berita = Berita::findOrFail($id);

     

            //render view with post

            return view('beritas.show', compact('berita'));

        }

     

    2.Jika benar maka tempilan di kodingnya seperti berikut ini



     

    3.  Setelah menambahkan kode di atas, langkah selanjutnya adalah menambahkan file show.blade.php di folder resources/views/beritas dan kodingnya seperti berikut ini

     

    <!DOCTYPE html>

    <html lang="en">

    <head>

        <title>Data Beritas - RPL</title>

        <link rel="stylesheet" href="http://localhost/bootstrap/bootstrap.min.css">

    </head>

    <body style="background: lightgray">

     

        <div class="container mt-5 mb-5">

            <div class="row justify-content-center">

                <div class="col-md-8">

                    <div class="card border-0 shadow-sm rounded">

                        <div class="card-body">

                            <img src="{{ asset('storage/beritas/'.$berita->gambar) }}" class="w-100 rounded">

                            <hr>

                            <h4>{{ $berita->judul }}</h4>

                            <p class="tmt-3">

                                {!! $berita->isi !!}

                            </p>

                        </div>

                    </div>

                </div>

            </div>

        </div>

       

        <script src="http://localhost/bootstrap/jquery.min.js"></script>

        <script src="http://localhost/bootstrap/bootstrap.min.js"></script>

    </body>

    </html>

     

    4.  Jika sudah membuat file show, langkah selanjunya adalah silahkan Klik Show di link http://localhost:8000/beritas,  Jika benar maka akan di tampilkan seperti berikut ini :






     

     

    Post Top Ad

    Post Bottom Ad

    ad728