Primasaja.com: Service WEB, MOBILE & SOFTWARE DEVELOPMENT , ENGINEERING & ARCHITECTURE , DESIGN & CREATIVE , ADMIN SUPPORT , SALES & MARKETING , INSTALASI JARINGAN & KOMPUTER
Email: jakaprima123@gmail.com
Phone: 081311086653
Fax: -
Url:
cash, credit card
Perum Griya Rajeg Lestari Blok C No 24
Tangerang indonesia 15540

Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database

tidak ada komentar : DIPOSTING OLEH jaka Pada 2016 LABEL: laravel

Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database



kali ini kita akan membahas judul yang cukup panjang ini yaitu " Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database "


seperti pada gambar awal intro diatas apa yang akan kita yaitu bagaimana sih melakukan perulangan dan mengisi data berbeda sesuai isi database


pertama - tama buat database seperti berikut


Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database



kemudian isikan data



Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database


selanjutnya buat Model



<?php


namespace App;


use Illuminate\Database\Eloquent\Model;


class Produk_Model extends Model

{

    protected $table = "produk";

}



lalu buat controller



public function index(){

     $produk = Produk_Model::all();

     return view('belanja.view', compact('produk'));

    }



selanjutnya pada view buat perulangan



@foreach($produk as $produk)

                            <div class="single-product">

                                <div class="product-f-image">

                                    {!! HTML::image('public/dist/images/belanja/product-1.jpg') !!}

                                    <div class="product-hover">

                                        <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>Masukkan</a>

                                        <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i> Lihat Detail</a>

                                    </div>

                                </div>

                             

                                <h2><a href="single-product.html"> {{ $produk->nama_produk }} </a></h2>

                             

                                <div class="product-carousel-price">

                                    <ins>RP {{ $produk->harga_produk }}</ins> <del>$800.00</del>

                                </div>

                            </div>

                            @endforeach




pada topik intinya yaitu setelah looping tersebut anda dapat melakukan looping dengan gambar yang berbeda dengan cara


rubah


{!! HTML::image('public/dist/images/belanja/product-1.jpg') !!}


menjadi


{!! HTML::image('folder penyimpanan gambar'. variabel perulangan) !!}


contoh


{!! HTML::image('public/dist/images/belanja/'. $produk->foto_produk) !!}



Hasil




Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database

www.primasaja.com -


Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database



kali ini kita akan membahas judul yang cukup panjang ini yaitu " Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database "


seperti pada gambar awal intro diatas apa yang akan kita yaitu bagaimana sih melakukan perulangan dan mengisi data berbeda sesuai isi database


pertama - tama buat database seperti berikut


Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database



kemudian isikan data



Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database


selanjutnya buat Model



<?php


namespace App;


use Illuminate\Database\Eloquent\Model;


class Produk_Model extends Model

{

    protected $table = "produk";

}



lalu buat controller



public function index(){

     $produk = Produk_Model::all();

     return view('belanja.view', compact('produk'));

    }



selanjutnya pada view buat perulangan



@foreach($produk as $produk)

                            <div class="single-product">

                                <div class="product-f-image">

                                    {!! HTML::image('public/dist/images/belanja/product-1.jpg') !!}

                                    <div class="product-hover">

                                        <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>Masukkan</a>

                                        <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i> Lihat Detail</a>

                                    </div>

                                </div>

                             

                                <h2><a href="single-product.html"> {{ $produk->nama_produk }} </a></h2>

                             

                                <div class="product-carousel-price">

                                    <ins>RP {{ $produk->harga_produk }}</ins> <del>$800.00</del>

                                </div>

                            </div>

                            @endforeach




pada topik intinya yaitu setelah looping tersebut anda dapat melakukan looping dengan gambar yang berbeda dengan cara


rubah


{!! HTML::image('public/dist/images/belanja/product-1.jpg') !!}


menjadi


{!! HTML::image('folder penyimpanan gambar'. variabel perulangan) !!}


contoh


{!! HTML::image('public/dist/images/belanja/'. $produk->foto_produk) !!}



Hasil




Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database


Tidak Ada Komentar: