Blog

  • 11 Eyl 2009

ASP.NET 4.0 ile URL Routing

Merhaba arkadaşlar, bu makalemizde ASP.NET 4.0 Yeniliklerinden URL Routing’i (Url Yönlendirme) ve URL Routing için kullanacağımız Route, RouteTable ve PageRouteHanlder gibi kavramları inceleyeceğiz.

Web uygulamarında kullanıcıların yapmış olduğu işlemlerde parametre aktarımı bazı durumlarda QueryString ile (URL’den) yapılmaktadır. Bu durumda adres çubuğunda oluşan link çok uzun ve okunamaz hale geliyor. Bu kullanıcı açısından görüntü kirliliği yaratıyor, arama motorları tarafından indexlenme ihtimalini azaltıyor ve geliştirici açısından parametrelerin okunması ve takip edilmesi zorlaştırıyor. Örneğin;

http://semgoksu.com/search.aspx?Kategori=ASP.NET&Tarih=15122009&Baslik=URLRouting

ASP.NET 4.0 ile birlikte URL Routing’i kullanarak bu sorunu ortadan kaldırabiliyoruz. Bu sayede hem oluşan link daha kısa ve anlamlı oluyor, hemde URL içerisindeki klasör yapısına sayfa ile ilgili keywordleri koyarak arama motorlarının daha kolay indexlemesini ve bu sayede sayfalarımızın daha üst sıralarda çıkması sağlayarak büyük bir avantaj sağlamış oluyoruz. Yukarıda vermiş örneği ASP.NET 4.0 URL Routing’i kullanarak aşağıdaki gibi yapabiliriz.

http://semgoksu.com/Arama/ASP.NET/15122009/URLRouting

URL Routing ilk olarak MVC ile birlikte geldi ve artık ASP.NET 4.0 ile birlikte URL Yönlendirme işlemi yapabilmemiz için her şey hazır durumda. Visual Studio 2010’u kullanarak yeni bir ASP.NET uygulaması oluşturalım ve konuyu örneklendirelim. Uygulamayı oluşturduktan sonra web uygulamamıza yeni bir Global.asax dosyası ekleyelim.


Globax.asax dosyası içerisinde bulunan Application_Start methodu içerisinde URL yönlendirme işlemini yapacağız. Bunun için ihtiyacımız olan ilk şey RouteTable. Bu sınıf farklı formatlardaki url yönlendirmelerini(Route’ları) saklayacak olan Route koleksiyonudur. İki parametre alır; Route’un adı ve Route nesnesi. Route nesnesi de URL’in gösterileceği formatı belirtmek için kullanılır. Uygulamaya gelen istekler Route’un formatına uygunsa PageRouteHandler’ın belirttiği path’e yönlenir. PageRouteHandler sınıfı yönlendirilecek olan fiziksel dosyayı Constructor’da(Yapıcı metot) parametre olarak alır.

Sonuç olarak sayfaya yapılan request’lar RouteTable’daki Route’lardan birine uygun formattaysa PageRouteHandler’in işaret ettiği sayfaya yönlenir. URL bizim belirttiğimiz formatta görüntülenirken arka tarafta ilgili fiziksel dosya üzerinde işlem yapılır.

İlk olarak ana sayfamızdan(Default.aspx) detay sayfaya (detay.aspx) sayfasına bir yönlendirme işlemi yapalım. Detay sayfasına bir de parametre gönderelim ve bu parametreyi detay sayfada yakalayarak ekran da görüntüleyelim.

[Global.asax]
<%@ Application Language="C#" %>
<%@ Import Namespace="System.Web.Routing" %>
<script runat="server">
void Application_Start(object sender, EventArgs e)
{
    RouteTable.Routes.Add("Detay", new Route("Detay/{Parametre}", new PageRouteHandler("~/Detay.aspx")));
}
</script>

Appplication_Start metodu içerisinde sayfamıza gelecek olan url formatını Klasor/{Parametre} şeklinde belirttik. ({Parametre} yerine istediğimiz bir değeri gönderebileceğiz) Bu formatta gelen bütün istekler detay.aspx sayfasını gösterecek.

[Default.aspx]
<asp:HyperLink ID="link" runat="server" NavigateUrl='<%$ RouteUrl:RouteName=Detay, Parametre=Sayfa1 %>'>Detaya Git</asp:HyperLink>

Ana sayfaya bir HyperLink nesnesi ekledik. HyperLink içerisinde ilk olarak sayfamızın gideceği Route’u ve o Route’a göndereceğimiz Parametreyi bildirdik. Oluşacak olan format şu şekilde olacak. NavigatetUrl içerisinde kullanılan RouteUrl’i kod tarafında kullanamıyoruz.

http://localhost:50751/Detay/Sayfa1

Şimdi Detay.aspx sayfaya gidelim ve gönderdiğimiz parametreyi yakalayalım. Route içerisinde gönderdiğimiz bütün parametreler RouteData içerisinde yer alır. Göndermiş olduğumuz parametreye erişmek için RouteData.Values[“Parametre”] yada RouteData:Name şeklinde kullanırız.

[Detay.aspx.cs]
protected void Page_Load(object sender, EventArgs e)
{
    if (RouteData.Values["Parametre"]!=null)
    { 
        Response.Write(RouteData.Values["Parametre"].ToString());
    }
}

Sayfayı çalıştırdığımız da URL istediğimiz şekilde gitmiş ve Detay.aspx sayfasına göndermiş olduğumuz parametreyi’de ekranda görüntüledik.
Şimdi farklı bir örnek yapalım ve birden fazla parametreyi nasıl göndeririz ona bakalım. Bu örnekte SQL Server 2005’te yer alan örnek veritabanlarından AdventureWorks’u kullanarak Kategorileri ilk ekran da listeyelim. Kullanıcı ilgili kategoriye tıkladığında farklı bir sayfa da ilgili ürünler listelensin. Sayfaya göndereceğimiz URL formatını da istediğimiz gibi değiştirelim. Bunun için global.asax dosyamızı düzenleyelim. Route içerisinde format istediğimiz gibi düzenleyebiliriz. KategoriID ve KategoriAdi parametrelerini istediğimiz değerleri verebileceğiz.

[Global.asax]
<%@Application Language="C#" %>
<%@ Import Namespace="System.Web.Routing" %>

<script runat="server">

void Application_Start(object sender, EventArgs e)
{
    RouteTable.Routes.Add("Kategoriler", new Route("Katgoriler/{KategoriAdi}/{KategoriID}", new PageRouteHandler("~/Detay.aspx")));
}

</script>

Sayfamıza bir Repeater ekleyelim. Burada Kategorileri listeleyeceğiz. Veritabanındaki verilere erişmek için projemize bir adet LINQ to SQL Classes Dosyası ekleyelim. İsim olarak AdventureWorks diyelim.



Kullanacağımız ProductSubCategory ve Product tablolarını’da dosyamıza alalım. Şimdi kategorilerimizi listeleyek olan HTML kodunu yazalım. Sayfaya Repeater, içerisinede bir HyperLink ekliyoruz.

[Default.aspx]
<asp:Repeater ID="rptKategoriler" runat="server" OnItemDataBound="rptKategoriler_ItemDataBound">
    <ItemTemplate>
        <asp:HyperLink ID="hlKategori" runat="server">
        </asp:HyperLink><br />
    </ItemTemplate>
</asp:Repeater>

Şimdide veritabanından verileri LINQ to SQL ile çekelim ve Repeater’a bağlayalım. ItemDataBound eventin’de HyperLink nesnesini yakalayıp kontrolün Text ve NavigateUrl özelliğini datadan gelen değer ile dolduracağız.

[Default.aspx.cs]
AdventureWorksDataContext db = new AdventureWorksDataContext();
protected void Page_Load(object sender, EventArgs e)
{
    rptKategoriler.DataSource = (from k in db.ProductSubcategories select k).Take(10); // 10 kayıt alalım
    rptKategoriler.DataBind();
}
protected void rptKategoriler_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.Item|| e.Item.ItemType == ListItemType.AlternatingItem )
    {
        HyperLink hl = e.Item.FindControl("hlKategori") as HyperLink;
        hl.Text = DataBinder.Eval(e.Item.DataItem, "Name").ToString();
        RouteValueDictionary parameters = new RouteValueDictionary() 
        {
            { "KategoriID", DataBinder.Eval(e.Item.DataItem, "ProductSubCategoryID").ToString() },
            { "KategoriAdi",DataBinder.Eval(e.Item.DataItem, "Name").ToString() }
        }; // Route’un alacağı parametreler’i dinamik olarak dolduruyoruz
        VirtualPathData path = RouteTable.Routes.GetVirtualPath(null,"Kategoriler", parameters); 
        hl.NavigateUrl = path.VirtualPath; // Oluşan Route’un pathini hyperlinke atadık.
    }
}

Kategorilerin listeleneceği sayfayı hazırladık. Şimdi de gidip detay sayfada görüntülenecek olan ürünler için gerekli sayfayı hazırlayalım. İlk olarak HTML’e bir Repeater ekleyelim ve içine bir label atalım. Text özelliğinde de ürün’ün adını görüntüleyelim.

[Detay.aspx]
<asp:Repeater ID="rptUrunler" runat="server">
    <ItemTemplate>
        <asp:Label ID="lblUrunAdi" runat="server" Text=<%# Eval("Name") %>>
        </asp:Label><br />
    </ItemTemplate>
</asp:Repeater>

Veriyi LINQ to SQL ile çekerek Repeater’a bağlayalım. Diğer sayfadan gelen KategoriID parametresinide almayı unutmuyoruz. Ürünler gelen KategoriID parametresine göre listelenecek.

[Detay.aspx.cs]
AdventureWorksDataContext db = new AdventureWorksDataContext();
protected void Page_Load(object sender, EventArgs e)
{
    if (RouteData.Values["KategoriID"]!=null)
    {
        int UrunID = Convert.ToInt32(RouteData.Values["KategoriID"]);
        UrunleriGetir(UrunID);
    }    
}

private void UrunleriGetir(int KategoriID)
{
    rptUrunler.DataSource = from u in db.Products
                    where u.ProductSubcategoryID == KategoriID
                    select u;
    rptUrunler.DataBind();
}

Şimdi sayfayı çalıştıralım ve sonuca bakalım,

Kategorilerden birine tıklayalım.



İşte bu kadar J
Bu makalenin de sonuna geldik başka bir makale de görüşmek üzere. ASP.NET ile kalın ;)

Sem GÖKSU
www.semgoksu.com| www.yazilimgunlugu.com
sem.goksu@yazilimgunlugu.com

Kaynaklar
msdn.com

Yorum (18)

  • emrah şahan / 24.8.2010 21:11:30

    makale için tşk.Çok güzel anlatmışsınız.Yalnız iki sorum olacak.Bu makaleye göre türkçe karakterlerin yerine gelecek karakterler için ayrıca bir kod yazmamız gerekiyor mu? ikincisi, farklı routelar tanımlacak olursak mesala kategori/yasam/1 haber/yasam/haber-adi/273.aspx gibi.Buları ayrı ayrı RouteTable.Routes.Add diyerek alt alta mı tanımlayacağız.

  • altuğ / 2.10.2010 02:17:03

    Merhabalar, Bu yaptıklarınız sunucuda çalışmıyor...Ne yapmamız lazım?

  • Enver Gökmen / 12.11.2010 00:10:50

    örneği vs2010 ile çalıştırdığımızda The resource cannot be found. hatası alıyoruz. webconfigde bir işlem yapılacka mı? yardımcı olursanz sevinirim.

  • Gökhan Beyaz / 27.11.2010 09:48:00

    cevap yok mu goksu :) , MSDN den çevirmek kolay,hadi bide soruları da cevaplada görelim :D

  • Sem Göksu / 27.11.2010 10:17:50

    @Gökhan Beyaz => Her zaman sisteme girme fırsatım olmuyor. Bu yüzden de yorumları geç onaylıyorum. Yaptığın yorum son derece gereksiz ve hazımsız olmuş.

  • Ertan Dag / 8.12.2010 20:09:51

    <%#Eval("BASLIK")%> link kısmından türkçe karakterleri kod kısmıyla arındırmamız mümkün müdür.

  • HAsan Dönmez / 19.12.2010 23:53:56

    selam Sem goksu, Linkte kategori ID göstermeden nasıl yapabiliriz acaba ? sadece KategoriName görünecek ve kategori tablosunda aynı kategori adından KategoriID leri farklı olmak üzere 2 tane veya üç tane olabilir.Bana bu sistem lazım ama nasıl yapılır.böyle bir örneğiniz var mı acaba _? Satılık/Konut/isyeri/index.html Kiralık/Konut/isyeri/index.html Devren/Konut/isyeri/index.html

  • mehmet demir / 4.1.2011 01:49:31

    mrh öncellik yaptığınız bu çalışma için tsk ben sitemde rahat bir şekilde kullandım yalnız ikinci Rout table global kallanabilirmiyiz acaba? yardımcı olursanız sevinirim... teşekürler

  • Faruk SARI / 21.4.2011 05:56:21

    Hocam aynı örneği denedim ancak ihtiyacım o yönde olduğu için Datalist içinde Hyperlink kullanarak denedim ama çalışmıyor. Sr1- hyperlinkte # yerine $ kullanınca hata veriyor. Sr2- hedef sayfada Linq saçmalıyor. Bir tablonun özellikleri çıkarken lazım olan çıkmıyor. Bu yöntemi ado değil Linq kullanarak, dl içinde hplink kullanarak nasıl yaparız?

  • Hüseyin Yıldırım / 2.7.2011 01:54:27

    Selamlar hocam, Çok güzel bir makale olmuş, ellerinize sağlık. ama burada benim zorluk çektiğim bir yer var. ben url lerimde "/" değilde "-" kullanmak istiyorum. mesela sayfa içinde bir link verdiğimde "/" li link oluyor ve bu bana zorluk yaşatıyor. "-" kullanmayı denedim ama olmadı. bunun bir çaresi var mıdır?

  • Reese / 10.4.2012 11:07:35

    Peki Türkçe karakterleri nasıl göstermiycez URL'de . Türkçe karakteri sorun yaratıyor & işareti güvenlik duvarı hatası veriyor

  • Sem Göksu / 10.4.2012 11:11:32

    @Reese => Türkçe karakterleri temizleyen bir metot yazabilirsiniz.

  • Engin Atalay / 14.4.2012 22:30:40

    HOCAM 2 GÜNDÜR ARADIM ARADIM BULAMADIM URL ROUTİNG 'DE if (RouteData.Values["KategoriID"]!=null) { } İSE BURADA SAYFAMIZ AÇILIYOR FAKAT else kısmında yönlendirmesini yazmamışsınız yani benim sayfamda eğer tıkladım Kategoride henüz bir şey yok Default sayfaya yönlendirilmesini istiyorum bunu nasıl yaparım

  • Hamza / 25.4.2012 02:28:29

    Merhaba @engin else { Response.Redirect("default.aspx"); }

  • Ergün Ayata / 24.9.2012 22:50:35

    Makele için ne kadar teşekkür etsem azdır çok iyi bir anlatım olmuş elinize emeğinize sağlık .Ben bu makale ile ilgili ufak bi soru sormak istiyorum - İç içe Repeater kulanırken Url Routing i nasıl yapabiliriz? ilk repeater item_dataBound unda diğer repeater bilgilerini dolduruyorum ve routingi yapıyorum fakat '. repeater routing i null geliyor yönlenmiyor yardımcı olursanız sevinirim

  • Metin Yavaşoğlu / 30.9.2012 21:04:12

    Merhaba hocam gerçekten çok faydalı bir makale olmuş teşekkür ederim...

  • Mustafa / 15.3.2013 09:14:26

    Localde çalışıyor fakat sunucuya yolladığımda 404 böyle bir sayfa bulunamadı hatası ile karşılaşıyorum.

  • Serkan / 21.4.2015 11:17:27

    selamlar, çok faydalı, teşekkürler, çok işime yaradı, gereksiz yorumlar sizi paylaşımdan uzaklaştırmaz umarım.

Yorum Yaz