ASP.NET Core web kullanıcı arabirimi seçme

  • Makale

ASP.NET Core eksiksiz bir kullanıcı arabirimi çerçevesidir. Uygulamanın web kullanıcı arabirimi gereksinimlerine uyan işlevlerin birleştirileceğini seçin.

Yeni proje geliştirme için ASP.NET Core Blazorkullanmanızı öneririz.

ASP.NET Core Blazor

Blazor tam yığın web ui çerçevesidir ve çoğu web kullanıcı arabirimi senaryosu için önerilir.

kullanmanın Blazoravantajları:

  • Yeniden kullanılabilir bileşen modeli.
  • Verimli fark tabanlı bileşen işleme.
  • WebAssembly aracılığıyla sunucu veya istemciden bileşenleri esnek bir şekilde işleyin.
  • C# dilinde zengin etkileşimli web kullanıcı arabirimi bileşenleri oluşturun.
  • Bileşenleri sunucudan statik olarak işleyin.
  • Daha sorunsuz gezinti ve form işleme ve akış işlemeyi etkinleştirmek için sunucu tarafından işlenen bileşenleri aşamalı olarak geliştirin.
  • İstemcide ve sunucuda ortak mantık için kod paylaşın.
  • JavaScript ile birlikte çalışma.
  • Bileşenleri mevcut MVC, Razor Sayfalar veya JavaScript tabanlı uygulamalarla tümleştirin.

mimarisine ve avantajlarına Blazortam bir genel bakış için bkz . ASP.NET Core Blazor ve ASP.NET Core Blazor barındırma modelleri. İlk Blazor uygulamanızı kullanmaya başlamak için bkz . İlk Blazor uygulamanızı oluşturma.

ASP.NET Temel Razor Sayfaları

Razor Sayfalar, sunucu tarafından işlenen web kullanıcı arabirimi oluşturmaya yönelik sayfa tabanlı bir modeldir. Razor sayfalar kullanıcı arabirimi, tarayıcı isteğine yanıt olarak sayfanın HTML ve CSS'sini oluşturmak için sunucuda dinamik olarak işlenir. Sayfa, görüntülenmeye hazır istemciye ulaşır. Sayfalar için Razor destek, ASP.NET Core MVC'de oluşturulur.

Razor Sayfaların avantajları:

  • Kullanıcı arabirimini hızla derleyin ve güncelleştirin. Kullanıcı arabirimi ve iş mantığıyla ilgili endişeler ayrı tutulurken, sayfanın kodu sayfayla birlikte tutulur.
  • Test edilebilir ve büyük uygulamalara ölçeklendirilir.
  • ASP.NET Core sayfalarınızı ASP.NET MVC'den daha basit bir şekilde düzenli tutun:
    • Belirli mantığı görüntüleme ve modelleri görüntüleme kendi ad alanı ve dizinlerinde birlikte tutulabilir.
    • İlgili sayfaların grupları kendi ad alanında ve dizininde tutulabilir.

İlk ASP.NET Core Razor Pages uygulamanızı kullanmaya başlamak için bkz. Öğretici: ASP.NET Core'da Sayfaları kullanmaya Razor başlama. ASP.NET Temel Razor Sayfalarına, mimarisine ve avantajlarına tam bir genel bakış için bkz. ASP.NET Core'da Sayfalara Razor Giriş.

ASP.NET Core MVC

ASP.NET Core MVC, kullanıcı arabirimini sunucuda işler ve Model-View-Controller (MVC) mimari desenini kullanır. MVC düzeni, bir uygulamayı üç ana bileşen grubuna ayırır: modeller, görünümler ve denetleyiciler. Kullanıcı istekleri bir denetleyiciye yönlendirilir. Denetleyici, kullanıcı eylemleri gerçekleştirmek veya sorguların sonuçlarını almak için modelle çalışmaktan sorumludur. Denetleyici, kullanıcıya görüntülenecek görünümü seçer ve gerekli tüm model verilerini sağlar.

ASP.NET Core MVC avantajları:

  • Büyük web uygulamaları oluşturmaya yönelik ölçeklenebilir ve olgun bir modeli temel alır.
  • Maksimum esneklik için endişelerin net ayrımı.
  • Sorumlulukların Model-Görünüm-Denetleyici ayrımı, iş modelinin alt düzey uygulama ayrıntılarına sıkı sıkıya bağlanmadan gelişebilmesini sağlar.

ASP.NET Core MVC kullanmaya başlamak için bkz . ASP.NET Core MVC kullanmaya başlama. ASP.NET Core MVC'nin mimarisine ve avantajlarına genel bakış için bkz . ASP.NET Core MVC'ye genel bakış.

Ön uç JavaScript çerçeveleriyle ASP.NET Temel Tek Sayfalı Uygulamalar (SPA)

Angular, React ve Vue gibi popüler JavaScript çerçevelerini kullanarak ASP.NET Core uygulamaları için istemci tarafı mantığı oluşturun. ASP.NET Core Angular, React ve Vue için proje şablonları sağlar ve diğer JavaScript çerçeveleriyle de kullanılabilir.

Daha önce listelenen istemci işleme avantajlarına ek olarak JavaScript Çerçeveleri ile ASP.NET Core SPA'nın avantajları:

  • JavaScript çalışma zamanı ortamı tarayıcıyla birlikte zaten sağlanmıştır.
  • Büyük topluluk ve olgun ekosistem.
  • Angular, React ve Vue gibi popüler JS çerçeveleri kullanarak ASP.NET Core uygulamaları için istemci tarafı mantığı oluşturun.

Dezavantajları:

  • Daha fazla kodlama dili, çerçeve ve araç gerekir.
  • Bir mantığın yinelenebilmesi için kodun paylaşılması zor.

Başlamak için bkz:

Birden çok web kullanıcı arabirimi çözümlerini birleştirme: ASP.NET Core MVC veya Razor Pages artı Blazor

MVC, Razor Pages ve Blazor ASP.NET Core çerçevesinin bir parçasıdır ve birlikte kullanılmak üzere tasarlanmıştır. Razor bileşenleri Sayfalar ve MVC uygulamalarıyla Razor tümleştirilebilir. Bir görünüm veya sayfa işlendiğinde, bileşenler aynı anda önceden oluşturulabilir.

MVC veya Razor Pages artı Blazor, MVC veya Razor Pages avantajlarına ek olarak avantajları:

  • Prerendering, sunucudaki bileşenleri yürütür Razor ve bunları bir görünüme veya sayfaya işleyerek uygulamanın algılanan yükleme süresini iyileştirir.
  • Bileşen Etiketi Yardımcısı ile mevcut görünümlere veya sayfalara etkileşim ekleyin.

ASP.NET Core MVC veya Razor Pages ile çalışmaya Blazorbaşlamak için bkz . ASP.NET Core Razor bileşenlerini ASP.NET Core uygulamalarıyla tümleştirme.

Sonraki adımlar

Daha fazla bilgi için bkz.

ASP.NET Core eksiksiz bir kullanıcı arabirimi çerçevesidir. Uygulamanın web kullanıcı arabirimi gereksinimlerine uyan işlevlerin birleştirileceğini seçin.

ASP.NET Core Blazor

Blazor tam yığın web ui çerçevesidir ve çoğu web kullanıcı arabirimi senaryosu için önerilir.

kullanmanın Blazoravantajları:

  • Yeniden kullanılabilir bileşen modeli.
  • Verimli fark tabanlı bileşen işleme.
  • WebAssembly aracılığıyla sunucu veya istemciden bileşenleri esnek bir şekilde işleyin.
  • C# dilinde zengin etkileşimli web kullanıcı arabirimi bileşenleri oluşturun.
  • Bileşenleri sunucudan statik olarak işleyin.
  • Daha sorunsuz gezinti ve form işleme ve akış işlemeyi etkinleştirmek için sunucu tarafından işlenen bileşenleri aşamalı olarak geliştirin.
  • İstemcide ve sunucuda ortak mantık için kod paylaşın.
  • JavaScript ile birlikte çalışma.
  • Bileşenleri mevcut MVC, Razor Sayfalar veya JavaScript tabanlı uygulamalarla tümleştirin.

mimarisine ve avantajlarına Blazortam bir genel bakış için bkz . ASP.NET Core Blazor ve ASP.NET Core Blazor barındırma modelleri. İlk Blazor uygulamanızı kullanmaya başlamak için bkz . İlk Blazor uygulamanızı oluşturma.

ASP.NET Temel Razor Sayfaları

Razor Sayfalar, sunucu tarafından işlenen web kullanıcı arabirimi oluşturmaya yönelik sayfa tabanlı bir modeldir. Razor sayfalar kullanıcı arabirimi, tarayıcı isteğine yanıt olarak sayfanın HTML ve CSS'sini oluşturmak için sunucuda dinamik olarak işlenir. Sayfa, görüntülenmeye hazır istemciye ulaşır. Sayfalar için Razor destek, ASP.NET Core MVC'de oluşturulur.

Razor Sayfaların avantajları:

  • Kullanıcı arabirimini hızla derleyin ve güncelleştirin. Kullanıcı arabirimi ve iş mantığıyla ilgili endişeler ayrı tutulurken, sayfanın kodu sayfayla birlikte tutulur.
  • Test edilebilir ve büyük uygulamalara ölçeklendirilir.
  • ASP.NET Core sayfalarınızı ASP.NET MVC'den daha basit bir şekilde düzenli tutun:
    • Belirli mantığı görüntüleme ve modelleri görüntüleme kendi ad alanı ve dizinlerinde birlikte tutulabilir.
    • İlgili sayfaların grupları kendi ad alanında ve dizininde tutulabilir.

İlk ASP.NET Core Razor Pages uygulamanızı kullanmaya başlamak için bkz. Öğretici: ASP.NET Core'da Sayfaları kullanmaya Razor başlama. ASP.NET Temel Razor Sayfalarına, mimarisine ve avantajlarına tam bir genel bakış için bkz. ASP.NET Core'da Sayfalara Razor Giriş.

ASP.NET Core MVC

ASP.NET Core MVC, kullanıcı arabirimini sunucuda işler ve Model-View-Controller (MVC) mimari desenini kullanır. MVC düzeni, bir uygulamayı üç ana bileşen grubuna ayırır: modeller, görünümler ve denetleyiciler. Kullanıcı istekleri bir denetleyiciye yönlendirilir. Denetleyici, kullanıcı eylemleri gerçekleştirmek veya sorguların sonuçlarını almak için modelle çalışmaktan sorumludur. Denetleyici, kullanıcıya görüntülenecek görünümü seçer ve gerekli tüm model verilerini sağlar.

ASP.NET Core MVC avantajları:

  • Büyük web uygulamaları oluşturmaya yönelik ölçeklenebilir ve olgun bir modeli temel alır.
  • Maksimum esneklik için endişelerin net ayrımı.
  • Sorumlulukların Model-Görünüm-Denetleyici ayrımı, iş modelinin alt düzey uygulama ayrıntılarına sıkı sıkıya bağlanmadan gelişebilmesini sağlar.

ASP.NET Core MVC kullanmaya başlamak için bkz . ASP.NET Core MVC kullanmaya başlama. ASP.NET Core MVC'nin mimarisine ve avantajlarına genel bakış için bkz . ASP.NET Core MVC'ye genel bakış.

Ön uç JavaScript çerçeveleriyle ASP.NET Temel Tek Sayfalı Uygulamalar (SPA)

Angular, React ve Vue gibi popüler JavaScript çerçevelerini kullanarak ASP.NET Core uygulamaları için istemci tarafı mantığı oluşturun. ASP.NET Core Angular, React ve Vue için proje şablonları sağlar ve diğer JavaScript çerçeveleriyle de kullanılabilir.

Daha önce listelenen istemci işleme avantajlarına ek olarak JavaScript Çerçeveleri ile ASP.NET Core SPA'nın avantajları:

  • JavaScript çalışma zamanı ortamı tarayıcıyla birlikte zaten sağlanmıştır.
  • Büyük topluluk ve olgun ekosistem.
  • Angular, React ve Vue gibi popüler JS çerçeveleri kullanarak ASP.NET Core uygulamaları için istemci tarafı mantığı oluşturun.

Dezavantajları:

  • Daha fazla kodlama dili, çerçeve ve araç gerekir.
  • Bir mantığın yinelenebilmesi için kodun paylaşılması zor.

Başlamak için bkz:

Karma çözüm seçin: ASP.NET Core MVC veya Razor Pages artı Blazor

MVC, Razor Pages ve Blazor ASP.NET Core çerçevesinin bir parçasıdır ve birlikte kullanılmak üzere tasarlanmıştır. Razor bileşenleri Sayfalar ve MVC uygulamalarıyla Razor tümleştirilebilir. Bir görünüm veya sayfa işlendiğinde, bileşenler aynı anda önceden oluşturulabilir.

MVC veya Razor Pages artı Blazor, MVC veya Razor Pages avantajlarına ek olarak avantajları:

  • Prerendering, sunucudaki bileşenleri yürütür Razor ve bunları bir görünüme veya sayfaya işleyerek uygulamanın algılanan yükleme süresini iyileştirir.
  • Bileşen Etiketi Yardımcısı ile mevcut görünümlere veya sayfalara etkileşim ekleyin.

ASP.NET Core MVC veya Razor Pages ile çalışmaya Blazorbaşlamak için bkz . ASP.NET Core Razor bileşenlerini ASP.NET Core uygulamalarıyla tümleştirme.

ASP.NET Core MVC veya Razor Pages plus Blazorile çalışmaya başlamak için bkz . ASP.NET Core Razor bileşenlerini başlatma ve tümleştirme.

Sonraki adımlar

Daha fazla bilgi için bkz.