Menabah conten dari php dan menampilkannya dalam bentuk card bootstrap

Gan agan maaf ingin bertanya, saya baru baru menyelesaikan web design, namun, saya ingin membuatnya menjadi dinamis dan mengurangi jumlah line di htmlnya dengan database, saya menggunakan bootstrap untuk membuat kelompok sub sub menu dengan card bootstrap, pertanyaan saya, langkah langkah yang harus dilakukan agar, saya tidak mengulang ngulang code untuk membangun div card dan conten di dalamnya di html, dan disimpan dengan database mohon pencerahannya

avatar randynetworks
@randynetworks

23 Kontribusi 5 Poin

Diperbarui 5 tahun yang lalu

4 Jawaban:

logikanyah tentuin kontenyah apa sajah yang di butuhin di masukin ke database trus ambil kontent tsb di dalam database lalu looping di card nyah

avatar anggasayogosm
@anggasayogosm

14 Kontribusi 3 Poin

Dipost 5 tahun yang lalu

tinggal di looping mas. ambil html nya di bootstrap nya kemudian panggil di html nya yang ingin di tampilkan. jadi ga perlu ada perulangan di html nya lagi karena udah di looping tadi

avatar Ridhoa
@Ridhoa

129 Kontribusi 33 Poin

Dipost 5 tahun yang lalu

Jawaban Terpilih

bisa menggunakan perulangan foreach, looping hasil query dari databasenya, dan sesuaikan strukturnya

<pre> &lt;?php foreach( $querykamu as $row ) : ?&gt; &lt;div class="card" style="width: 18rem;"&gt; &lt;img src="&lt;?= $row['gambar'] ?&gt;" class="card-img-top" alt="..."&gt; &lt;div class="card-body"&gt; &lt;p class="card-text"&gt; &lt;?= $row['kalimat'] ?&gt;&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;?php endforeach; ?&gt; </pre>

avatar ridwantanjung
@ridwantanjung

30 Kontribusi 14 Poin

Dipost 5 tahun yang lalu

1.looping datanya menggunakan foreach atau while 2.masukan code card bootstrap nya ke dalam looping, Nanti nya si card bootstrap nya akan di looping sejumlah hasil dari looping nya tersebut

<pre> &lt;? foreach($nama_variabel_yang_akan_di_looping as $variabel_yang_menampung_hasil_dari_loopingnya) : ?&gt; //simpan card bootstrap nya di sini &lt;?php enforeach; ?&gt; </pre>

avatar AhmadHaidarAlbaqir
@AhmadHaidarAlbaqir

19 Kontribusi 3 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban