İçeriğe geç

ASP.NET Core Blazor ile C# ile Frontend Geliştirme

25.08.2024 5 okunma

Blazor Nedir?

Blazor, C# ve HTML kullanarak interaktif web arayüzleri geliştirmenizi sağlayan ASP.NET Core framework'üdür. JavaScript bilmeden SPA geliştirilebilir.

Blazor Server vs WebAssembly

  • Blazor Server: UI mantığı sunucuda çalışır, SignalR ile UI güncellenir. Küçük initial yükleme.
  • Blazor WebAssembly: .NET runtime tarayıcıda çalışır. İlk yükleme büyük ama sonra sunucu gerektirmez.

Component Örneği

@page "/sayac"

<h1>Sayaç: @sayac</h1>
<button @onclick="Artir">+1</button>
<button @onclick="Sifirla">Sıfırla</button>

@code {
    private int sayac = 0;

    void Artir() => sayac++;
    void Sifirla() => sayac = 0;
}

HTTP ile Veri Çekme

@inject HttpClient Http

@if (urunler == null) {
    <p>Yükleniyor...</p>
} else {
    @foreach (var u in urunler) {
        <p>@u.Ad — @u.Fiyat TL</p>
    }
}

@code {
    Urun[]? urunler;
    protected override async Task OnInitializedAsync() {
        urunler = await Http.GetFromJsonAsync<Urun[]>("api/urunler");
    }
}
blazor nedir aspnet blazor c# frontend blazor blazor webassembly blazor server dotnet blazor
İLERİ DÜZEY C# ASP.NET YAZILIM hakkında bilgi almak ister misiniz?

Birebir özel yüz yüze eğitim yada uzaktan eğitim, esnek ders saatleri ile Pendik Kurtköy'de.