Razor sınıf kitaplıklarına giriş

  • 1 dakika

Razor sınıf kitaplıklarını kullanarak Blazor uygulamaları arasında kullanıcı arabirimi bileşenlerini paylaşabilir ve yeniden kullanabilirsiniz. Bu modülde Blazor uygulamaları için bileşenler oluşturmaya ve paylaşmaya odaklanacaksınız.

Blazor sunucu örneğinde ve Blazor WebAssembly'de kullanılan razor sınıf kitaplığını gösteren Diyagramı.

Örnek senaryo

Çeşitli müşteriler için web uygulamaları oluşturduğunuz bir danışmanlık firmasında çalıştığınızı varsayalım. İstemcilerinizin kullanımına sunabileceğiniz kalıcı pencere bileşenleri gibi bir web özellikleri koleksiyonunuz vardır. Zaman kazanmak için bu özellikleri uygulamalar arasında yeniden kullanabilmek istiyorsunuz.

Razor sınıf kitaplıklarını kullanarak, müşterileriniz için oluşturduğunuz uygulamalarda özellikleri paylaşabilirsiniz.

Blazor uygulamalarında paylaşılabilen örnek bir kalıcı pencere bileşeninin ekran görüntüsü.

Ne yapacaksın?

Bu modülde, aşağıdaki hedefleri gerçekleştirmek için bir Razor sınıf kitaplığı oluşturacaksınız:

  • Varsayılan temalı bir modal iletişim kutusu sun.
  • Blazor uygulamasında modal iletişim kutusunu kullanın ve özelleştirin.
  • Diğer uygulamalarla kullanmak üzere kalıcı pencere iletişim kutusunu paketleyin.

Ana hedef nedir?

Modülün sonunda, diğer Blazor uygulamalarında paylaşabileceğiniz ve özelleştirebileceğiniz kalıcı bir pencere bileşeni tasarlayabilirsiniz.

Önkoşullar

  • HTML, CSS ve JavaScript web geliştirme hakkında bilgi.
  • Acemilerin C# kodu yazabilmesi.
  • .NET 8.0 SDK yüklendi.
  • Tümleşik bir geliştirme ortamı (IDE). Bu modülde Visual Studio Codekullanılır.

Not

Bu modülde yerel geliştirme için .NET CLI (Komut Satırı Arabirimi) ve Visual Studio Code kullanılır. Bu modülü tamamladıktan sonra Visual Studio (Windows) kullanarak kavramları veya Visual Studio Code (Windows, Linux ve macOS) kullanarak geliştirmeye devam edebilirsiniz.

Bu modülde .NET 8.0 SDK kullanılır. Tercih ettiğiniz komut terminalinde aşağıdaki komutu çalıştırarak .NET 8.0'ın yüklü olduğundan emin olun:

dotnet --list-sdks

Aşağıdaki örneğe benzer bir çıkış görüntülenir:

6.0.317 [C:\Program Files\dotnet\sdk]
7.0.401 [C:\Program Files\dotnet\sdk]
8.0.100 [C:\Program Files\dotnet\sdk]

8 ile başlayan bir sürümün listelendiğinden emin olun. Hiçbiri listelenmiyorsa veya komut bulunamazsa, en son .NET 8.0 SDK'sınıyükleyin.