DataList-Kontrolü_emresupcinHerkese iyi pazarlar sevgili okurlar;

Pazar günü ufak bir Asp.net dersi iyi gider diye düşünerek size güzel bir konudan söz edeceğim. Sizlere datalist kontrolünü kullanarak veri tabanındaki resimleri web sayfası üzerinde göstermeyi anlatacağım. Öncelikle kısaca Datalist’in ne olduğundan biraz bahsedeyim. Datalist; Ürün Listeleme de, Menü Yapma ve Resim galerisi yapımında kullanabiliriz.

 

 

Öncelikle veritabanımıza (adı HOTEL) Resimler diye tablo oluşturalım.tablomuzun içine ResimID ve ResimUrl diye iki tane property ekleyelim. ResimUrl özelliğine resimlerimiz hangi dosya içinde bulunduğunun uzantısı ekliyoruz.

Database kısmında bu işlemleri yaptıktan sonra visual studio tarafına geçerek Galeri adında bir tane web page açalım…

 

Galeri sayfasının html kısmına bir tane datalist ekliyelim ve aşağıdaki kodları yazalım.

 

1  <asp:Content ID="Content1" ContentPlaceHolderID="cphMaster" runat="server">
2    <asp:DataList ID="dlOdalar" runat="server" RepeatColumns="3" 
                                                   RepeatDirection="Vertical">
3        <HeaderTemplate>
4            <h3>
5                << Resimlerimiz >>
6            </h3>
7        </HeaderTemplate>
8        <ItemTemplate>
9            <div style="width:300; height=250; border-style:solid">
10                <asp:Image ID="resim" Width="310" Height="200" 
                             ImageUrl='<%#Eval("ResimUrl")%>' runat="server" />
11            </div>
12        </ItemTemplate>
13     </asp:DataList>
14  </asp:Content>

 

 

Yukarıdaki kodu yazdıktan sonra web sayfamızın cod behind kısmına geçerek gerekli kodumuzu Page_Load olayına yazıyoruz.

 

 

1  protected void Page_Load(object sender, EventArgs e)
2        {
3            
4
5            string connectionString = "Data source=.;Initial Catalog=HOTEL;
                                                  Integrated Security=true";
6            SqlConnection connection = new SqlConnection(connectionString);
7            if (connection.State == ConnectionState.Closed)
8                connection.Open();
9
10            SqlCommand command = new SqlCommand("select * from Resimler ", 
                                                                connection);
11            SqlDataReader dr = command.ExecuteReader();
12
13            dlOdalar.DataSource = dr;
14            dlOdalar.DataBind();
15            connection.Close();
16
17        }

Code behind kısmında bunları yaptıktan sonra sayfamızı çalıştırarak web üzerinde resimleri görebiliriz. Bu makalemizdeki dersimiz bu kadar.

Yazar
Yazar
Bilgisayar Programcısı, Web Tasarımcı, Üniversite Öğrencisi...
Twitter Facebook Google Linkedin Flickr YouTube

Önceki Yazı:Master Boot Record Hakkında Ne Biliyorsunuz?

Sonraki Yazı:CSS’de Scrollbar Boyutlandırma ve Renklendirme Yapımı?

YORUMLAR

Bu yazıya 1 yorum yapılmış.

  1. Yazar
    Eda

    Çok başarılı gerçekten, tam aradığım kodlar. Tebrik Ederim 🙂

SİZ DE CEVAP YAZABİLİRSİNİZ
Bu yazı hakkında görüşünüzü belirtin.

ES Web Tasarım Web Tasarım Blog Teması Emre Supçin Bu tema ES Web Tasarım tarafından düzenlenmiştir. Hiçbir şekilde kopyalanamaz.