Rabu, 02 November 2016
Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database
Laravel Tutorial Cara Melakukan Looping Gambar dengan HTML Image Collective Mengambil Data Dari Database
Jaka Prima Maulana
Selamat datang pengunjung 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
Langganan:
Posting Komentar
(
Atom
)
Tidak ada komentar :
Posting Komentar