Bu örneğimizde PHP de Array (dizi) oluşturarak bu dizi içindeki elemanların tablo içine aktarılmasını sağlayacağız. Aynı zamanda sayfamızı Bootstrap kullanarak oluşturarak sayfamıza eklediğimiz tablonun mobil duyarlı olmasını sağlayacağız.
index.php sayfamızın kodları ve ekran çıktısı aşağıdaki gibi olacaktır.
Öncelikle Bootstrap eklemek için sayfamızda <head></head> etiketleri arasına aşağıdaki Bootstrap CDN‘ i ekleyelim.
1 2 3 4 |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> |
Kullanacağımız dizi aşağıdaki gibi olacaktır.
1 2 3 4 5 |
<?php $urunler = array('Telefon' => 4000, 'Tablet' => 500, 'Laptop' => 5850,'Televizyon'=>2000); ?> |
Bu dizi içindeki elemanların tablo içine nasıl aktarılacağını gösteren kodların tamamı ve ekran çıktısı şu şekilde olacaktır.
Ekran Çıktısı:
Kodlar:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> </head> <body> <?php $urunler = array('Telefon' => 4000, 'Tablet' => 500, 'Laptop' => 5850,'Televizyon'=>2000); ?> <div class="container"> <table class="table"> <thead class=" thead-dark"> <tr> <th scope="col">#</th> <th scope="col">Ürün</th> <th scope="col">Fiyat</th> </tr> </thead> <tbody> <?php $i=1; foreach($urunler as $anahtar=>$deger) { echo "<tr>"; echo "<td>$i</td>"; echo "<td>",$anahtar,"</td>"; echo "<td>",$deger,"</td>"; echo "</tr>"; $i++; } ?> </tbody> </table> </div> </body> </html> |
Merhaba size ulaşabileceğim mail adresini gönderebilir misiniz?
Var youtubeya enes patos çatos katos yaz çıkar