1) Visual Studio da WebSiteemlakci adında yeni bir site oluşturuyoruz.

Transkript

1 Ödev: Daha önce veritabanını oluşturduğumuz uygulamanın sitesini yapmak. Emlakçı sitesi. Kategoriler olacak. kategorilere satılık arsa, satılık konut, kiralık ev gibi bilgiler eklenecek. ve bu kategorilerin altına da satılık ve kiralık bilgileri eklenecek. açıklaması fckeditor ile kaydedilecek. Ana sayfada solda kategoriler bulunacak. sağ bölümde de son eklenen 9 kayıt datalist ile gösterilecek. Soldaki kategorilere tıklayınca onun altındaki kayıtlar sağda listelenecek. kayıtların üzerine tıklandığında da kaydın ayrıntılı bilgileri gösterilecek. (Fckeditor ile kaydedilen açıklama, yapabilirseniz ürüne ait resimler...) Yönetim bölümü yönetim klasöründe bulunacak. Bu bölüm ödeviniz... Fazlasını yapmak isteyenler için; Ana sayfada bir menü bulunacak. menüdeki linkler veritabanından çağırılacak. linklere tıklayınca da içerik ortada gözükecek. linkler de yönetim panelinden eklenecek. sitenin başlığı(title), arka plan rengi, yazı tipi yönetim panelinden değiştirilebilir olacak. 1) emlakci isminde site oluşturacağız 2) yonetim adlı klasör oluşturacağız 3) yonetim klasörünün içinde yönetim.master adli şablon oluşturacağız 4) emlakci.mdb oluşturulacak 5) kategoriler a) konut b) arsa c) işyeri, oluşturup bunu sitemize ekleyeceğiz. 6) kategorilerin altında bilgiler eklenecek, açıklaması fck editör ile olacak 7) Ana sayfada solda kategoriler olacak, sağda son eklenen 9 kayıt datalist ile gösterilecek. Soldaki kategorilere tıklanınca onun altındaki kayıtlar sağda listelenecek. Kayıtların üstüne tıklanınca kaydın ayrıntılı bilgileri gösterilecek 8) Yönetim bölümü, yönetim klasöründe olacak. 9) Ana sayfada bir menü olacak, menüdeki linkler veritabanından çağrılacak.linklere tıklayınca da içerik ortada gözükecek. Linklerde yönetim panelinden eklenecek. 10) Sitenin başlığı, arka plan rengi, yazı tipi yönetim panelinden değiştirilebilir olacak 1

2 1) Visual Studio da WebSiteemlakci adında yeni bir site oluşturuyoruz. 2) Yönetim adlı klasör oluşturuyoruz C/../WebSiteemlakci/ sağ tıkla New Folder Adını yonetim olarak değiştir 3) Yönetim klasörüne sağ tıklayıp Add New Item Açılan pencereden Master Page Name : yonetim.master Add 2

3 4) Access de emlakci.mdb uzantılı bir dosya oluşturuyoruz. 5) Tablolar oluşturuyoruz Bu oluşturduğumuz veri tabanı emlakci.mdb dosyasını kaydedip kapatıyoruz.sitemize veri tabanımızı eklemek için App_Data ya sağ tıkla Add Existing Item emlakci.mdb seç Add 3

4 6) Sitemizde kategorilerin görüleceği ana sayfayı oluşturacağımız MasterPage şablonunu hazırlayacağız. Website Add New Item Master Page Name : MasterPage.master Add 4 adet HyperLink ekleyip isimlerini verdik Content Place Holder otomatik olarak program tarafından veriliyor. Kaydedip link sayfalarını oluşturuyoruz. Ancak Default.aspx sayfasını oluşturmadan önce en başta otomatik oluşturulmuş Default.aspx sayfasını silip bizim masterpage imizden yeni Default.aspx oluşturacağız. 4

5 Web Site Add New Item Name: Default.aspx Select master page Add Açılan pencerede C/../WebSiteemlakci \ MasterPage.master OK 5

6 Default.aspx sayfamızı oluşturduk. MasterPage.master sayfamızı açıp Ana Sayfa Hyper linkine tıklayıp Navigate URL sini yönlendiriyoruz. Aynı şekilde konut.aspx, işyeri.aspx, arsa.aspx sayfalarını oluşturup MasterPage.master da yönlendiriyoruz. 6

7 7) konut.aspx sayfasına DataList ekliyoruz, Data listin veri tabanıyla irtibat kurması için Data List Tasks penceresinden Choose Data Source New Data Source Access Data Base Browse App_Data emlakci.mdb OK Next Specify Name : konut * Next Finish 7

8 Aynı şeyleri arsa.aspx ve işyeri.aspx sayfalarına yapıyoruz 8) İlanların detayına gitmek için DataList Tasks penceresinden Edit Templates İlanın detayına yönlendirmek için Hyperink ekliyoruz. 8

9 Edit DataBindings Text Özelliğine İlan Detayı yazıyoruz. OK NavigateUrl sine Field binding : id, Custom binding e "konutdetay.aspx?id="+eval("id") yazıyoruz 9

10 End Template Editing 10

11 11