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



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




kemudian isikan data




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




www.primasaja.com - "




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




kemudian isikan data




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




"

Tidak Ada Komentar: