{"id":401,"date":"2010-06-25T11:06:59","date_gmt":"2010-06-25T11:06:59","guid":{"rendered":"http:\/\/www.erbugkaya.com\/?p=401"},"modified":"2014-01-16T23:49:33","modified_gmt":"2014-01-16T23:49:33","slug":"dinamik-web-sitesi-bolum-03-dinamik-link-olusturulmasi","status":"publish","type":"post","link":"http:\/\/erbugkaya.com\/?p=401","title":{"rendered":"Dinamik Web sitesi – B\u00f6l\u00fcm 03 – Dinamik Link Olu\u015fturulmas\u0131"},"content":{"rendered":"

11\/5\/2007<\/em>
\nMerhaba serinin ilk iki makalesinde, FRP Kitap Merkezi sitesinin tasar\u0131m\u0131n\u0131 olu\u015fturmu\u015f, database kurulumu yapm\u0131\u015f ve bu database’den sayfalar\u0131m\u0131za veri \u00e7ekmi\u015ftik. Bu makalemizde dinamik olarak olu\u015fturdu\u011fumuz listedeki kitaplar\u0131n detay sayfalar\u0131n\u0131 olu\u015fturmay\u0131 ve bu sayfalara dinamik link vermeyi inceleyece\u011fiz.<\/p>\n


\nBa\u015flayal\u0131m. Hemen h\u0131zl\u0131ca master page’den bir sayfa yarat\u0131yoruz. Content alan\u0131n\u0131 aktif hale getirdikten sonra sayfay\u0131 oneBook.aspx olarak kaydediyoruz. (Bu i\u015flemlerin nas\u0131l yap\u0131ld\u0131\u011f\u0131n\u0131 bilmiyorsan\u0131z serinin ilk makalesinde bulabilirsiniz.) Bu sayfada her kitab\u0131n detaylar\u0131n\u0131 g\u00f6sterece\u011fiz. Her seferinde tek bir kayd\u0131 g\u00f6stermek i\u00e7in FormView ideal bir kontrold\u00fcr.<\/p>\n

Toolbox>ASP.NET Controls>Data>FormView’u oneBook.aspx content alan\u0131na s\u00fcr\u00fckleyip b\u0131rak\u0131yoruz.<\/p>\n

\"\"<\/a><\/p>\n

FormView’un yan\u0131ndaki oka t\u0131klayarak Common FormView Tasks kutucu\u011funu a\u00e7\u0131yoruz. Choose Data Source’dan New Data Source’u se\u00e7iyoruz. Configure Select Statement ekran\u0131na kadar yap\u0131lan ayarlar\u0131 bu serinin ikinci makalesinde bulabilirsiniz. Bu ekranda farkl\u0131l\u0131\u011f\u0131m\u0131z olu\u015facak. “Specify columns from a table or view” i\u015faretli iken “kitapDetay” \u0131 se\u00e7iyoruz. T\u00fcm kolonlar\u0131 se\u00e7mek i\u00e7in “*” i\u015faretliyoruz. \u015eimdi “WHERE” butonuna bas\u0131yoruz.<\/p>\n

\"\"<\/a><\/p>\n

“WHERE” i\u00e7in kural yarataca\u011f\u0131z. Column’da kitapDetayID’yi se\u00e7iyoruz. B\u00f6ylece her seferinde sayfada g\u00f6z\u00fckmesi i\u00e7in kitapDetay’\u0131n ID sini kullanaca\u011f\u0131z. Operator “=” olacak. Source i\u00e7in “QueryString”i se\u00e7iyoruz. QueryString field’a kendi belirleyece\u011fimiz bir ismi yazabiliriz.Bu ismi bo\u015fluk, T\u00fcrk\u00e7e karakter ve farkl\u0131 semboller i\u00e7eremeyecek \u015fekilde yaz\u0131yoruz. Default value’ya ise “-1” yaz\u0131yoruz. Bunun sebebi \u015fu; biz ID’lerimizin 1’den ba\u015flayarak ilerledi\u011fini biliyoruz. Ama kullan\u0131c\u0131lar e\u011fer kar\u015f\u0131l\u0131\u011f\u0131 olmayan bir linke girerlerse onlara bir mesaj vermek istiyoruz. Bunun i\u00e7inde kullan\u0131lmayaca\u011f\u0131na emin olaca\u011f\u0131m\u0131z bir say\u0131 kullan\u0131yoruz.T\u00fcm ayarlardan ADD butonuna bas\u0131p OK ile bu ekrandan \u00e7\u0131k\u0131yoruz.<\/p>\n

\"\"<\/a><\/p>\n

Select Statement’da yazd\u0131klar\u0131m\u0131z\u0131n sonucu g\u00f6z\u00fckmekte. Next ile devam ediyoruz.<\/p>\n

\"\"<\/a><\/p>\n

Gelen ekranda “Test Query” butonuna bas\u0131yoruz.<\/p>\n

\"\"<\/a><\/p>\n

Gelen ekranda Value de\u011fereini 1,2, vs yap\u0131p OK’e bast\u0131\u011f\u0131n\u0131zda o ID’li kitapDetay bilgilerinin g\u00f6z\u00fck\u00fcyor olmas\u0131 laz\u0131m.<\/p>\n

\"\"<\/a><\/p>\n

Sayfan\u0131z\u0131 browserda kontrol ederseniz bo\u015f gelecektir. Ama adres \u00e7ubu\u011funun sonunu oneBook.aspx?one_book=7 \u015feklinde de\u011fi\u015ftirirseniz kitaoDetayID’si 7 olan bilgilerin geliyor olmas\u0131 laz\u0131m. Peki biz bu sayfada sadece detaylar\u0131 m\u0131 g\u00f6rece\u011fiz, kitaplar\u0131n listesindeki gibi resmi, yazar\u0131, yay\u0131n evi olmayacak m\u0131? \u015eimdi o konuyu halledelim. Bunun i\u00e7in uygun olan y\u00f6ntem “kitap” ve “kitapDetay” \u015feklindeki iki ayr\u0131 tabloyu tek seferde \u00e7ekebilmek. Bunun i\u00e7in biraz daha kod eklemesi yapaca\u011f\u0131z.<\/p>\n

FormView’un yan\u0131ndaki oka t\u0131klayarak Common FormView Tasks kutucu\u011funu a\u00e7\u0131yoruz. Configure Data Source’u t\u0131kl\u0131yoruz. Gelen ekran\u0131 NEXT ile ge\u00e7iyoruz. Configure Select Statement ekran\u0131nda “Specify a custom SQL or stored procedure”u i\u015faretleyip next’e bas\u0131yoruz.<\/p>\n

\"\"<\/a><\/p>\n

Gelen ekranda Select tab\u0131 se\u00e7iliyken SQL Statement’e alttaki sat\u0131r\u0131 yaz\u0131yoruz.<\/p>\n

SELECT * FROM [kitap] inner join [kitapDetay] on kitap.kitapID=kitapDetay.kitapDetayID WHERE ([kitapDetayID] = @kitapDetayID)<\/p>\n

Yukar\u0131daki sat\u0131r\u0131 a\u00e7\u0131klamaya \u00e7al\u0131\u015fay\u0131m. (SELECT * FROM [kitap]) ile kitap table’\u0131ndaki her \u015feyin se\u00e7ilece\u011fini ve (inner join [kitapDetay]) ile bu se\u00e7ime kitapDetay table’\u0131ndaki her \u015feyin eklenece\u011fini (on kitap.kitapID=kitapDetay.kitapDetayID) ile ise e\u015fle\u015fmenin kitap table’n\u0131n kitapID’si ile kitapDetay table’n\u0131n kitapDetayID’si e\u015fit olanlar aras\u0131nda olaca\u011f\u0131n\u0131 bildiriyoruz. WHERE ve sonras\u0131n\u0131 ise Expression Web’e haz\u0131rlatm\u0131\u015ft\u0131k.<\/p>\n

\"\"<\/a><\/p>\n

Alttaki ekran\u0131 zaten haz\u0131rlam\u0131\u015ft\u0131k Next ile ge\u00e7iyoruz.<\/p>\n

\"\"<\/a><\/p>\n

Bu soruya D\u0130KKAT. Burada No dememiz gerekiyor aksi takdirde FormView’un Edit Template \u00f6zelliklerini kaybedece\u011fiz.<\/p>\n

\"\"<\/a><\/p>\n

Ayn\u0131 sebeple dikkat g\u00f6steriyoruz ve Yes’e bas\u0131yoruz.<\/p>\n

\"\"<\/a><\/p>\n

B\u00f6ylece kitapla ilgili her bilgiyi \u00e7ekmi\u015f olduk.<\/p>\n

\"\"<\/p>\n

\u015eimdi Edit Template’i se\u00e7ip Display; Item Template’de iken d\u00fczenlemelerimizi yapal\u0131m. kitapID’yi siliyoruz. kitapIsmi ba\u015fl\u0131\u011f\u0131n\u0131 siliyoruz label’\u0131 kal\u0131yor. kitapYazar ba\u015fl\u0131\u011f\u0131n\u0131 Yazar olarak de\u011fi\u015ftiriyoruz. kitapImage’i tamamen siliyoruz. kitapID1’i siliyoruz. kitapDetayID’yi siliyoruz. kitapBaskiYili ba\u015fl\u0131\u011f\u0131n\u0131 Bask\u0131 Y\u0131l\u0131 olarak de\u011fi\u015ftiriyoruz. yayinEvi ba\u015fl\u0131\u011f\u0131n\u0131 Yay\u0131n Evi olarak de\u011fi\u015ftiriyoruz. sayfaSayisi ba\u015fl\u0131\u011f\u0131n\u0131 Sayfa Say\u0131s\u0131 olarak de\u011fi\u015ftiriyoruz. aciklama ba\u015fl\u0131\u011f\u0131n\u0131 siliyoruz.<\/p>\n

\"\"<\/p>\n

\u015eimdi Edit Template’de iken imaj ekliyoruz. \u0130maj ekleme i\u015flemleri i\u00e7in serinin ikinci makalesinden yararlanabilirsiniz.. “kitapIsmiLabel” CSS’den .boldText’i uygulay\u0131p sa\u011f\u0131nda bir kez Enter’a bas\u0131yoruz. Yazar, Bask\u0131 Y\u0131l\u0131, Yay\u0131n Evi, Sayfa Say\u0131s\u0131 ba\u015fl\u0131klar\u0131n\u0131 se\u00e7ip her birine .boldText uyguluyoruz. “sayfaSayisiLabel”‘\u0131ndan sonra bir bo\u015fluk b\u0131rak\u0131yoruz.<\/p>\n

\"\"<\/a><\/p>\n

Her \u015fey d\u00fczg\u00fcn g\u00f6r\u00fcn\u00fcyor. \u015eimdi sayfa bo\u015f oldu\u011funda ya da yanl\u0131\u015f girildi\u011finde girilecek olan mesaj\u0131 haz\u0131rlayal\u0131m. FormView, Edit Templates’i a\u00e7\u0131yoruz. Display olarak EmptyDataTemplate’i se\u00e7iyoruz.<\/p>\n

\"\"<\/a><\/p>\n

Bo\u015f alana istedi\u011fimiz mesaj\u0131 yaz\u0131yoruz. Alttaki mesaj i\u00e7in “buraya t\u0131klay\u0131n\u0131z”\u0131 se\u00e7ip hyperlink ile bookLists.aspx’e link veriyoruz.<\/p>\n

\"\"<\/a><\/p>\n

Sonu\u00e7.<\/p>\n

\"\"<\/a><\/p>\n

\u015eimdi her kitap tan\u0131t\u0131m\u0131n alt\u0131na da kitap listesine d\u00f6nmek i\u00e7in bir link koyal\u0131m. FormView, Edit Templates’i a\u00e7\u0131yoruz. Display olarak FooterTemplate’i se\u00e7iyoruz. Bo\u015f alana i\u00e7erikle aras\u0131nda s\u0131n\u0131r\u0131 belirlemesi i\u00e7in ilk \u00f6nce Toolbox>HTML>Tags alt\u0131ndan Horizontal Line’\u0131 s\u00fcr\u00fckleyip b\u0131rak\u0131yoruz. Alt\u0131na da mesaj\u0131m\u0131z\u0131 yaz\u0131p gerekli olan kelimeleri bookLists.aspx’e linkliyoruz.<\/p>\n

\"\"<\/a><\/p>\n

Sonu\u00e7.<\/p>\n

\"\"<\/a><\/p>\n

Evet her kitap i\u00e7in detay sayfas\u0131n\u0131 dinamik olarak haz\u0131rlad\u0131\u011f\u0131m\u0131za g\u00f6re \u015fimdi kitaplar\u0131n listesinde her kitaba kendi detay\u0131na linkli olacak \u015fekilde ayarlamal\u0131y\u0131z. Bunun i\u00e7in bookLists.aspx sayfas\u0131n\u0131 tekrar a\u00e7\u0131yoruz. Bu sayfadaki DataList’in Edit Templates’ini a\u00e7\u0131yoruz. Item Tepmlate’e “kitapIsmiLabel”\u0131n \u00fcst\u00fcne Toolbox>ASP.NET Controls>Standard’dan HyperLink’i s\u00fcr\u00fckleyip b\u0131rak\u0131yoruz.<\/p>\n

\"\"<\/p>\n

HyperLink’in sa\u011f\u0131ndaki oka t\u0131klayarak Common HyperLink Tasks kutucu\u011funu a\u00e7\u0131yoruz ve buradaki Edit DataBindings’e tukl\u0131yoruz.<\/p>\n

\"\"<\/p>\n

Gelen ekranda Bindable Properties’de ilk \u00f6nce Text’i se\u00e7iyoruz. Field binding i\u015faretli iken Bound to’da kitapIsmi’ni se\u00e7iyoruz.<\/p>\n

\"\"<\/a><\/p>\n

Bindable Properties’de bu sefer NavigateUrl’yi se\u00e7iyoruz. Field binding i\u015faretli olacak. Bound to olarak kitapID’yi se\u00e7iyoruz. Format’a oneBook.aspx?one_book={0} sat\u0131r\u0131n\u0131 yaz\u0131yoruz. Ard\u0131ndan OK..<\/p>\n

\"\"<\/a><\/p>\n

kitapIsmiLabel’\u0131n\u0131 siliyoruz.<\/p>\n

\"\"<\/p>\n

Sonu\u00e7. Kitap imaj\u0131n\u0131n yan\u0131nda yine ismi var ama bu sefer kendi detay sayfas\u0131na linkli.<\/p>\n

\"\"<\/p>\n

Buraya kadar her \u015fey yolunda. \u015eimdi bookLists.aspx sayfas\u0131ndaki her kitab\u0131n imaj\u0131n\u0131 g\u00fczel bir teknikle kendi detay\u0131na linkleyelim. Her \u015feyden \u00f6nce DataList’in Edit Template’ine basarak Item Template’ni a\u00e7\u0131yoruz. Buradaki imaj kontrol\u00fcn\u00fc siliyoruz.<\/p>\n

\"\"<\/p>\n

\u0130maj\u0131 sildi\u011fimiz yere tekrar HyperLink s\u00fcr\u00fckleyip Edit DataBindings’ine t\u0131kl\u0131yoruz.<\/p>\n

\"\"<\/p>\n

Bindable Properties’de ImageUrl. Filed binding i\u015faretli Bound to’da kitapImage’i se\u00e7iyoruz. Formata images\/books\/thumb\/{0} yaz\u0131yoruz.<\/p>\n

\"\"<\/a><\/p>\n

Bindable Properties’de bu sefer NavigateUrl. Bound to’da kitapID se\u00e7iyoruz. Format’a oneBook.aspx?one_book={0} sat\u0131r\u0131n\u0131 yaz\u0131yoruz. Ard\u0131ndan OK..<\/p>\n

\"\"<\/a><\/p>\n

B\u00f6ylece her kitab\u0131n imaj\u0131 da kendi detay sayfas\u0131na linklenmi\u015f oldu.<\/p>\n

Sonu\u00e7. bookLists.aspx sayfas\u0131.<\/p>\n

\"\"<\/a><\/p>\n

oneBook.aspx?one_book=4 sayfas\u0131.<\/p>\n

\"\"<\/a><\/p>\n

Bu makalede DataList ile \u00e7ekilmi\u015f verilerin her biri i\u00e7in FormView kullanarak detay sayfas\u0131 olu\u015fturmay\u0131 ve bu veriler i\u00e7in kendi detay\u0131na dinamik olarak link vermeyi anlatt\u0131m.<\/p>\n

\u0130yi \u00e7al\u0131\u015fmalar<\/p>\n

Te\u015fekk\u00fcrler<\/p>\n","protected":false},"excerpt":{"rendered":"

11\/5\/2007 Merhaba serinin ilk iki makalesinde, FRP Kitap Merkezi sitesinin tasar\u0131m\u0131n\u0131 olu\u015fturmu\u015f, database kurulumu yapm\u0131\u015f ve bu database’den sayfalar\u0131m\u0131za veri \u00e7ekmi\u015ftik. Bu makalemizde dinamik olarak olu\u015fturdu\u011fumuz listedeki kitaplar\u0131n detay sayfalar\u0131n\u0131 olu\u015fturmay\u0131 ve bu sayfalara dinamik link vermeyi inceleyece\u011fiz.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[29],"class_list":["post-401","post","type-post","status-publish","format-standard","hentry","category-teknik-yazi","tag-expression-web"],"_links":{"self":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=401"}],"version-history":[{"count":5,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/401\/revisions"}],"predecessor-version":[{"id":2540,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/401\/revisions\/2540"}],"wp:attachment":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=401"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}