.NET Razor, modern web geliştirme süreçlerinde oldukça etkili ve dinamik web sayfaları oluşturmayı sağlayan ASP.NET Core MVC çerçevesinin önemli bir parçasıdır. Razor sayfa sözdizimi, kolay okunabilirlik ve anlaşılabilirlik sunarken, model veri bağlaması ile de verileri web sayfalarına entegre etmek kolaylaşır. Bu blog yazısında, .NET Razor’un temel işleyişini, yapısını ve kullanım alanlarını detaylıca inceleyeceğiz. Ayrıca, web sayfalarının SEO uyumlu olması ve performansın artırılması için önemli ipuçlarına da değineceğiz.
1. .NET Razor Nedir?
.NET Razor, web sayfalarını oluşturmak ve sunmak için kullanılan bir sayfa yazım sözdizimidir. ASP.NET Core MVC ile birlikte gelir ve HTML sayfalarına C# veya Visual Basic kodu entegre etmek için kullanılır. Razor, ASP.NET Core uygulamasının backend kodu ile frontend görüntüleme kodunu birleştirerek, dinamik web sayfaları oluşturmayı kolaylaştırır.
2. Razor Sözdizimi ve Yapısı
Razor, diğer sayfa yazım dillerinden farklı bir yapıya sahiptir. HTML dosyalarına C# veya Visual Basic kodunu entegre etmek için “@” işaretini kullanırız. Bu sayede, HTML içinde C# veya VB.NET değişkenlerini, döngüleri ve koşullu ifadeleri kullanabiliriz. Örneğin:
|
1 2 3 4 5 |
<html> <body> <h1>Merhaba, @Model.AdSoyad</h1> </body> </html> |
3. Model ve Veri Bağlama
.NET Razor, Model-View-Controller (MVC) mimarisini takip eder ve sayfaları Model ve View olarak ikiye ayırır. Model, sayfa üzerinde kullanılacak verileri temsil eder. Veri bağlama sayesinde Model içindeki verileri web sayfalarına kolayca entegre edebiliriz. Bu, sayfanın verilere dinamik olarak tepki göstermesini sağlar ve kullanıcıya özelleştirilmiş içerik sunar. Veri bağlama örneği:
|
1 2 3 |
@model MyApp.Models.UserModel <h1>Hoşgeldin, @Model.Username!</h1> |
4. Razor Layout ve Parçaları (Partial Views)
Razor Layout, birden fazla sayfanın ortak yapılarını tanımlamak için kullanılır. Böylece, web sitenizin tasarımını bir kez oluşturarak, birden çok sayfada tekrar kullanabilirsiniz. Parçalar ise, sayfada sık sık kullanılan özel bileşenleri yeniden kullanmak için kullanılır. Bu, kod tekrarını azaltır ve bakım süreçlerini kolaylaştırır.
5. SEO Uyumlu URL Yönlendirmesi
SEO uyumlu URL’ler, web sitenizin arama motorları tarafından daha iyi anlaşılmasını ve sıralamalarda daha yüksek pozisyon almasını sağlar. ASP.NET Core MVC’de, URL yönlendirmesi ve Routing özelliği ile temiz ve anlaşılır URL’ler oluşturabilirsiniz. Bu sayede, kullanıcılar web sitenizde gezinirken daha iyi bir deneyim yaşar ve arama motorları tarafından daha fazla tercih edilirsiniz.
6. Mobil Uyumluluk ve Hızlı Yükleme
Mobil cihazlar artık web trafiğinin büyük bir bölümünü oluşturuyor. Bu nedenle, .NET Razor sayfalarınızın mobil uyumlu olması, kullanıcı deneyimini iyileştirmek ve trafiği artırmak için önemlidir. Ayrıca, sayfa hızınızı optimize ederek, kullanıcıların sayfalarınızı daha hızlı yüklemesini sağlayabilir ve terk oranını düşürebilirsiniz.
