<\/div>\n

Asp.NET MVC 3 s\u00fcr\u00fcm\u00fc itibaren gelen ve MVC 4.0 s\u00fcr\u00fcm\u00fcnde de ge\u00e7erli olan “View Engine” yap\u0131s\u0131, “Server Side” yani sunucu tarafl\u0131 kodlama yap\u0131s\u0131yla, “Client Side” dedi\u011fimiz kullan\u0131c\u0131 tarafl\u0131 kodlamay\u0131 birle\u015ftiren bir teknolojidir.Uzun laf\u0131n k\u0131sas\u0131, web programlama alan\u0131nda HTML taglar\u0131 aras\u0131nda, programatik i\u015flemleri yapmam\u0131z\u0131 sa\u011flayan MVC mimarisinin bir \u00fcr\u00fcn\u00fcd\u00fcr.Bu makalemizde, Asp.NET MVC 4.0 versiyonunda, Razor View Engine incelemesi yapaca\u011f\u0131z.
\n
\nRazor<\/strong><\/em><\/span>
\nMicrosoft taraf\u0131ndan MVC 3 versiyonunda geli\u015ftirilmi\u015f ve MVC 4 versiyonunda mevcut bulunan bir teknolojidir.Amac\u0131 yukar\u0131da bahsetti\u011fimiz gibi, web sayfalar\u0131na programatik kodlar\u0131 g\u00f6mmek i\u00e7in olu\u015fturulmu\u015f bir yap\u0131ya sahip.<\/p>\n

Razor teknolojisinin derlenme i\u015fleyi\u015finden bahsedersek e\u011fer, kullan\u0131c\u0131 taraf\u0131ndan bir sayfa talebi geldi\u011fi zaman, \u00f6nce o sayfadaki Server Side(Sunucu tarafl\u0131) kodlar \u00e7al\u0131\u015facak, ard\u0131ndan Client Side(Kullan\u0131c\u0131 tarafl\u0131) kodlar \u00e7al\u0131\u015facakt\u0131r.Sunucu tarafl\u0131 kodlarda istedi\u011finiz her t\u00fcrl\u00fc programatik i\u015flevi ger\u00e7ekle\u015ftirebilirsiniz.<\/p>\n

Razor teknolojisinin hedefi ise, az kodla \u00e7ok i\u015f yapmakt\u0131r.En g\u00fczel \u00f6zelliklerinden biriside HTML kodlar\u0131n\u0131n sunucu tarafl\u0131 kodlar\u0131n \u00e7al\u0131\u015ft\u0131\u011f\u0131 scopelar i\u00e7erisinde de tan\u0131mlanmas\u0131d\u0131r.<\/p>\n

Tabi ki de C# ve VB gibi programlama dillerini d\u00f6rt d\u00f6rtl\u00fck bir uyum i\u00e7inde desteklemektedir.<\/p>\n

Bir programc\u0131 i\u00e7in en az \u00f6nemli olan ama benim i\u00e7in MVC’nin en \u00e7ekici noktas\u0131 olan yan\u0131 da, projedeki kullan\u0131lan View katman\u0131ndaki sayfalar olsun, Master Page yap\u0131s\u0131nda ki Layout sayfas\u0131 olsun ya da User Control mant\u0131\u011f\u0131nda \u00e7al\u0131\u015fan Partial View’ler olsun hepsinin uzant\u0131s\u0131 “.aspx” de\u011fil, “.cshtml” dir. \ud83d\ude42 Tabi VB programc\u0131lar\u0131 i\u00e7in ise, “.vbhtml”..
\n“@” Operat\u00f6r\u00fc<\/strong>
\nHat\u0131rlarsan\u0131z e\u011fer, Asp.NET MVC 2.0 versiyonuyla ilgili yazd\u0131\u011f\u0131m makalelerimde programatik kodlar\u0131m\u0131z\u0131 “<%..%>” etiketleri aras\u0131nda yap\u0131yorduk.MVC’nin performans\u0131 ve h\u0131z\u0131ndan yararlan\u0131rken bu bloklar\u0131n eziyeti ayr\u0131 bir dert oluyordu.\u00c7\u00fcnk\u00fc MVC 2.0 da View Engine olarak Web Form kullan\u0131yorduk.Ancak MVC 3 ve 4 versiyonlar\u0131nda Razor View Engine teknolojisi sayesinde “@” karakteriyle programatik i\u015flemlerimizi \u00e7ok rahat bir \u015fekilde halledebiliyoruz.\u00d6rnek bir MVC 4.0 Razor View Engine projesinde herhangi bir sayfada tarih fonksiyonu sayesinde o anki dakikay\u0131 yazd\u0131ral\u0131m.<\/em><\/p>\n

\r\n@DateTime.Now.Minute\r\n<\/pre>\nDikkatinizi \u00e7ektiyse, programatik i\u015flem sonucu herhangi bir blok kapatma zorunlulu\u011fumuz bulunmamaktad\u0131r.E\u011fer Web Form View Engine kullansayd\u0131k a\u015fa\u011f\u0131daki \u015fekilde bir i\u015flem uygulamam\u0131z gerekecekti.<\/p>\n
\r\n<% DateTime.Now.Minute %>\r\n<\/pre>\nEvet, bu iki i\u015flemin normal Asp.NET Web Form i\u015flemlerinden gayet kolay ve sade olmas\u0131 haddiyle taktire \u015fayan bir durum.Ancak insan kolay\u0131 varken az zoruda g\u00f6z\u00fcnde b\u00fcy\u00fct\u00fcyor olsa gerek \ud83d\ude42<\/p>\n
\u015eimdide “@” operat\u00f6r\u00fcn\u00fcn kullan\u0131m\u0131n\u0131 inceleyelim.<\/p>\n
\r\n@{var Adiniz = "Gen\u00e7ay Y\u0131ld\u0131z";}\r\n@{var Soyadiniz = "Y\u0131ld\u0131z";}\r\n<\/pre>\n\u0130ster yukar\u0131daki gibi tek sat\u0131rl\u0131 kullanabilirsiniz.
\n\u0130ster,<\/p>\n
\r\n@{\r\n    var Adiniz = "Gen\u00e7ay Y\u0131ld\u0131z";\r\n    var Soyadiniz = "Y\u0131ld\u0131z";\r\n}\r\n<\/pre>\nyukar\u0131daki gibi \u00e7ok sat\u0131rl\u0131 kullanabilirsiniz.<\/p>\n
Yukar\u0131daki \u00f6rneklerde de g\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi tek sat\u0131rl\u0131 ya da \u00e7ok sat\u0131rl\u0131 programatik kodlarda “{-}” scopelar\u0131n\u0131 kullanabiliyorsunuz.<\/p>\n
Ben bu makaleyi C# dilinde \u00f6rneklendirdi\u011fim i\u00e7in ve okuyucular\u0131m\u0131nda C# kullanarak tatbik ettiklerini varsayd\u0131\u011f\u0131m i\u00e7in “;”(noktal\u0131 virg\u00fcl) karakterinin hi\u00e7 \u015fa\u015fmaz her scope blo\u011fu i\u00e7erisinde her kodun sonuna konulmas\u0131 gerekti\u011fini unutmaman\u0131z\u0131 tavsiye ederim.<\/strong><\/span><\/p>\n
Bir sayfada iki farkl\u0131 kod blo\u011fu bulunuyorsa e\u011fer ve bu bloklar i\u00e7erisinde de\u011fi\u015fken veya referanslar varsa di\u011fer bloktan ula\u015f\u0131labilirlerdir.<\/p>\n
\r\n@{\r\n    char Karakter = 'A';\r\n}\r\n@{\r\n    int Asci = Convert.ToInt32(Karakter);\r\n}\r\n<\/pre>\nYukar\u0131da g\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi bir kod blo\u011fu i\u00e7indeki char tipinden “Karakter” ismindeki de\u011fi\u015fkene, ba\u015fka bir kod blo\u011fundan ula\u015f\u0131l\u0131yor ve int tipine \u00e7evrilerek ASCI kodu elde ediliyor.<\/p>\n
Kod bloklar\u0131 aras\u0131nda HTML taglar\u0131 derleyici taraf\u0131ndan otomatik olarak alg\u0131lanabilirler.<\/p>\n
\r\n@{\r\n    string Adiniz = "Gen\u00e7ay";\r\n    string Soyadiniz = "Yildiz";\r\n    <strong>Say\u0131n<\/strong> <b>@Adiniz @Soyadiniz<\/b>\r\n}\r\n<\/pre>\nBurada dikkat etmeniz gereken nokta HTML taglar\u0131 aras\u0131nda \u00e7a\u011f\u0131rd\u0131\u011f\u0131m\u0131z de\u011fi\u015fkenleri “@” operat\u00f6r\u00fc sayesinde \u00e7a\u011f\u0131rm\u0131\u015f bulunuyoruz.<\/p>\n
E\u011fer ki kod blo\u011fu i\u00e7erisinde HTML etiketleri kullanmadan metinsel yap\u0131da bir de\u011fer yazd\u0131rmak istiyorsak, yazaca\u011f\u0131m\u0131z de\u011feri “yaz\u0131lacak de\u011fer” aras\u0131na almam\u0131z gerekiyor.<\/p>\n
\r\n@{\r\n    string Gun = "Pazartesi";\r\n    <text>Bu g\u00fcn g\u00fcnlerden @Gun<\/text>\r\n}\r\n<\/pre>\nUnutmayal\u0131m ki, “…<\/text>” taglar\u0131n\u0131 \u00e7ok sat\u0131rl\u0131k metinsel yap\u0131larda da kullanabiliriz.Ancak tek sat\u0131rl\u0131k metinsel de\u011fer yazd\u0131racaksak, “…<\/text>” yerine “@:” ifadelerini de kullanabiliriz.<\/p>\n
\r\n@{\r\n    string Gun = "Pazartesi";\r\n    @:Bu g\u00fcn g\u00fcnlerden @Gun\r\n}\r\n<\/pre>\n“@” operat\u00f6r\u00fc i\u00e7erisinde programatik i\u015flevler d\u0131\u015f\u0131nda matematiksel i\u015flemlerde yapt\u0131rabiliriz.<\/p>\n
\r\n@(15 + 22)\r\n@(453 \/ 2)\r\n@(3-25)\r\n<\/pre>\nBurada dikkat etmeniz gereken nokta, “@” opearet\u00f6r\u00fcnden sonra s\u00fcsl\u00fc parantez”{…}” de\u011fil, normal paranter”(…)” a\u00e7\u0131l\u0131p kapat\u0131l\u0131yor.<\/p>\n
Bir \u00f6nemli noktalardan biriside, Escape karakterler olan “\\”, “”” gibi karakterlerin metinsel yap\u0131larda kullan\u0131m\u0131nda ki s\u0131k\u0131nt\u0131lar\u0131d\u0131r.E\u011fer bir metinsel yap\u0131n\u0131n i\u00e7ine ters slash ya da t\u0131rnak i\u015fareti koyulmu\u015fsa e\u011fer, C#’ta bildi\u011finiz standart “\\” i\u015flemini uygulayabilirsiniz.<\/p>\n
Ancak bu \u00f6zel karakterler i\u00e7in kolay y\u00f6ntemler mevcut.E\u011fer, metinin i\u00e7inde t\u0131rnak kullan\u0131l\u0131yorsa e\u011fer, iki kere yaz\u0131lmal\u0131 ve metinsel de\u011ferin ba\u015flad\u0131\u011f\u0131 t\u0131rna\u011f\u0131n ba\u015f\u0131na “@” operat\u00f6r\u00fc koyulmal\u0131d\u0131r.<\/p>\n
\r\n@{\r\n    string Metin = @"Metinsel de\u011ferler i\u00e7inde "" t\u0131rnak olmaz  ";\r\n}\r\n<\/pre>\nE\u011fer ki, metinin i\u00e7inde ters slash kullan\u0131l\u0131yorsa, metinsel de\u011ferin ba\u015flad\u0131\u011f\u0131 t\u0131rna\u011f\u0131n ba\u015f\u0131na tekrardan “@” operat\u00f6r\u00fcn\u00fc koymal\u0131y\u0131z.<\/p>\n
\r\n@{\r\n    string Metin = @"Metinsel de\u011ferler i\u00e7inde \\ ters slash olmaz  ";\r\n}\r\n<\/pre>\nBo\u015fluk Kullan\u0131m\u0131<\/strong><\/em>
\nKod bloklar\u0131 i\u00e7erisinde kullan\u0131lan bo\u015fluklar program\u0131n ak\u0131\u015f\u0131na etki etmezler.<\/p>\n
\r\n@{\r\n    string Ad =         "Gen\u00e7ay";\r\n}\r\n<\/pre>\nAyr\u0131ca kod bloklar\u0131 i\u00e7inde yaz\u0131lan kodlar farkl\u0131 sat\u0131rlarda yaz\u0131lsada ifadeyi etkileme durumlar\u0131 olmayacakt\u0131r.<\/p>\n
\r\n@{\r\n    string\r\n        Ad\r\n        =\r\n        "Gen\u00e7ay"\r\n        ;\r\n}\r\n<\/pre>\n\u015euna dikkat etmeliyiz ki, metinsel yap\u0131daki ifadeler b\u00f6l\u00fcnerek yaz\u0131lamazlar.<\/p>\n
\r\n@{\r\n    string Metin = "Merhaba\r\n    Ben hatal\u0131 bir\r\n    yaz\u0131m\u0131m\r\n    ";\r\n}\r\n<\/pre>\nYukar\u0131daki tarzda bir metinsel yap\u0131y\u0131 b\u00f6lerek yazarsak program derlenmeyecektir.
\nE\u011fer bu \u015fekilde metinsel yap\u0131lar\u0131 b\u00f6lmek istiyorsak, t\u0131rnaktan \u00f6nce yine “@” operat\u00f6r\u00fcn\u00fc koymam\u0131z gerekmektedir.<\/p>\n
\r\n@{\r\n    string Metin = @"Merhaba\r\n    Ben hatal\u0131 bir\r\n    yaz\u0131m\u0131m\r\n    ";\r\n}\r\n<\/pre>\nYukar\u0131daki tarzda metinsel ifadeler b\u00f6l\u00fcnd\u00fc\u011f\u00fcnde hata vermeyecektir.<\/p>\n
Sunucu Tabanl\u0131 Yorum ve A\u00e7\u0131klama Sat\u0131rlar\u0131 Eklemek<\/strong><\/em>
\n\u00dczerinde \u00e7al\u0131\u015ft\u0131\u011f\u0131m\u0131z projenin a\u00e7\u0131klamas\u0131n\u0131 yapabilmek i\u00e7in gerekli alanlarda yorumlar ve a\u00e7\u0131klamalar ekleyebiliriz.E\u011fer projemizde a\u00e7\u0131klama sat\u0131rlar\u0131 olu\u015fturmak istiyorsak “@*..*@” operat\u00f6rleri aras\u0131na yorumumuzu yazmal\u0131y\u0131z.Bu operat\u00f6rler aras\u0131na tek veya \u00e7ok sat\u0131rl\u0131 yorumlar yazabiliriz.<\/p>\n
\r\n@* Bu bir a\u00e7\u0131klama sat\u0131r\u0131d\u0131r.... *@\r\n<\/pre>\nTabi i\u015fin g\u00fczel yan\u0131, Razor ile kulland\u0131\u011f\u0131m\u0131z dil her neyse onun her t\u00fcrl\u00fc nimetinden faydaland\u0131\u011f\u0131m\u0131z gibi, yorum sat\u0131rlar\u0131n\u0131 o dilin teferruat\u0131n\u0131 kullanarakta olu\u015fturabiliyoruz.<\/p>\n
Evet arkada\u015flar, bu yaz\u0131mda da Asp.NET MVC 4.0 Razor View Engine teknolojisini teferruat\u0131yla tan\u0131m\u0131\u015f olduk.Faydalanman\u0131z dile\u011fiyle..
\n\u0130yi \u00e7al\u0131\u015fmalar..<\/p>\n","protected":false},"excerpt":{"rendered":"
Asp.NET MVC 3 s\u00fcr\u00fcm\u00fc itibaren gelen ve MVC 4.0 s\u00fcr\u00fcm\u00fcnde de ge\u00e7erli olan “View Engine” yap\u0131s\u0131, “Server Side” yani sunucu tarafl\u0131 kodlama yap\u0131s\u0131yla, “Client Side” dedi\u011fimiz kullan\u0131c\u0131 tarafl\u0131 kodlamay\u0131 birle\u015ftiren bir teknolojidir.Uzun laf\u0131n k\u0131sas\u0131,...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[345],"tags":[746,369,283,755,368,370,120],"class_list":["post-1437","post","type-post","status-publish","format-standard","hentry","category-mvc-4-0","tag-asp-net-mvc","tag-engine","tag-mvc","tag-mvc-4-0","tag-razor","tag-razor-view-engine","tag-view"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=1437"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1437\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=1437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=1437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=1437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}