Asp.Net 5.0 TagHelpers

Selamlar;

TagHelpers ASP.NET 5 ile gelen, halen de geliştirilmekte olan güzel bir Razor View Engine yardımcısıdır. Esas amaç Html içine @ ile başlıyan C# kodları ile standard Html5 kodlarının bir süre sonra hem okunması zorluğunun hem de @{ } içine yazılan kod karmaşasının biraz olsun önüne geçmektir. Kısaca TagHelpers .cshtml tarafında @ kullanmadan C# kodlarını sanki Html kodu gibi yazılmasını sağlar.

Aşağıda görüldüğü gibi Asp.Net 5 Web uygulaması oluşturulur.

TagHelper

Nuget’den aşağıdaki TagHelpers paketi indirilir.

tag

Index.cshtml sayfasının başına aşağıdaki kod konarak sayfa içinde TagHelpers’ın kullanılması sağalanabilir.

@addtaghelper “Microsoft.AspNet.Mvc.TagHelpers”

Önceden aşağıdaki gibi kullanılan link kodlar:

TagHelpers ile @ olmadan aşağıdaki gibi kullanılabilir.

Form Post işlemleri için aşağıdaki kod yerine:

Form Post TagHelpers ile @ olmadan aşağıdaki gibi  kullanılabilir:

Şimdi aşağıdaki gibi basit bir Model oluşturalım.

Label ve Input elementleri için aşağıdaki kodlar yerine:

Label ve Input elementler TagHelpers ile @ olmadan aşağıdaki gibi  kullanılabilir:

HomeController.cs(SaveUser()):

Ayrıca ASP.NET Community Standup – Mar 17th, 2015 – TagHelpers youtube videosun’da Damian Edwards’ın bahsettiği ama benim test edemediğim yine de sizle paylaşmak istediğim bir konu var. Ben “Microsoft.AspNet.Mvc.TagHelpers”: “6.0.0.0-beta3” versiyonu ile geliştirme yaptım. Burdaki örnek-beta4 ile geliştirilmiştir. Büyük ihtimalle bu durumdan dolayı ilgili prefix bende tanınmadı. Konuya gelirsek sayfanın başına aşağıdaki prefix tanımlanır ise, burda “th:” yerine istenilen bir tanımlama yada hiçbir tanımlama da yapılmayabilir.

@tagHelperPrefix “th:”

Bu durumda C# kodları aşağıdaki gibi kullanılabilir. Böylece ilgili kodlar daha rahat şekilde ayırt edilmiş olunur.

<th:input asp-for=”Name”/>

Damian Edwards’dan örnek ekran görüntüsü:

kod

Yukarıda bahsedilen TagHelpers halen geliştirilme aşamasında olan bir tooldur. Bundan dolayı anlatılan özellikler bir sonraki versiyonda olmayabilir. Yada yeni özellikler eklenebilir.

Geldik bir makalenin daha sonuna. Yeni bir makalede görüşmek üzere hoşçakalın.

Herkes Görsün:

Bunlar da hoşunuza gidebilir...

5 Cevaplar

  1. vural dedi ki:

    Selamlar Hocam;

    Elinize sağlık. Yine çok güzel bir konu. TagHelpers’ları çok beyendim.
    En son gelişmeleri sizden takip etme bir başka hocam.

    İyi çalışmalar.

  2. Veli dedi ki:

    Elinize saglik hocam.
    Gayet anlasilir cok guzel bir yazi olmus.

    Iyi calismalar.

  3. mehmet dedi ki:

    ne kadar yalın ve guzel bir kaleminiz var. tasarim desenleride anlatirmisiniz?

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir