Responsive Reklam Alanı

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.

Paylaşmak Güzeldir
Yazar
Yazar
Master Boot Record Hakkında Ne Biliyorsunuz? CSS'de Scrollbar Boyutlandırma ve Renklendirme Yapımı?
1 Yorum
  1. Yazar

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

Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.

Web Tasarım Blog Teması ES | Tüm hakları © Emre Supçin'e aittir.