Tasarım, yazılım ve işletme üzerine bir takım yazılar Defocuyu takip etmek isteyenlere, RSS - Friendfeed İletişim için Form


Veritabanından Çekilen Verileri Grafiğe Dökmek

Programcılar için veritabanındaki ilgili verileri çekmek ve bunları anlaşılır şekilde kullanıcılara sunmak yeterli olsada, kullanıcılar bir programdan biraz da görsellik beklerler.

Bugün veritabanından çektiğimiz ilgili verileri, haline nasıl getireceğimizden bahsedeceğiz. Bu işi yaparken bize , ve css yardımcı olacak. Evet, başlayalım;

Kodlamaya başlarken "" adında bir veritabanı, bu veritabanının içine "faizler" adlı bir tablo ve bu tabloya da "faiz" adlı bir kolon açtığınızı farzediyorum. Şimdi ilk önce sayfamıza ekleyeceğimiz, css kodlarını hazırlayalım:

CSS:
  1. <style>
  2. /* Hazırladığımız katmanı boyutlandırıyoruz*/
  3. width: 200px;
  4. padding: 2px;
  5. }
  6.  
  7. . .bar {
  8. /* Bar'a renk verip, içinde görüntülenecek değerleri biçimlendiriyoruz*/
  9. display: block;
  10. background: #00CCFF;
  11. text-align: center;
  12. color: #333;
  13. height: 2em;
  14. line-height: 2em;
  15. }
  16. </style>

İkinci olarak veritabanımıza bağlanalım:

:
  1. <?
  2. mysql_connect (”localhost”,”root”,”") || die (” hata”);
  3. mysql_select_db (””) || die (”db hata”);
  4. mysql_query(”SET NAMES utf8″);
  5. mysql_query(”SET CHARACTER SET utf8_turkish_ci”);
  6. ?>

Sonrasında ilgili verileri veritabanımızda bulunan verilerimizi çekilim ve her gelen veriyi grafiklere dökelim. Bu işlem kolonda bulunan son veriye kadar devam ediyor:

:
  1. <?
  2. $query="select * from faizler";
  3.    if ($result=mysql_query($query)){
  4.        if (mysql_num_rows($result)> 0) {                   
  5.             while($kayit=mysql_fetch_array($result)){
  6. ?>

CSS:
  1. <div class="">
  2.     <strong class="bar" style="width: <? echo $kayit['faiz']; ?>%;"><? echo $kayit['faiz']; ?>%</strong>
  3. </div>

:
  1. <?
  2.             }
  3.        }
  4.    }
  5. ?>

Yukarıda anlattığım kodları içinde barındıran sayfada burada, indirebilirsiniz.


Ekim 30th, 2008 Etiketler: , ,
| Kategori: Programlama Yazar: abdullah


Yorum Paneli





  • 1
  • ...
  • ...
  • 0