|
|
2021-2-7 tarihinde 16:18:25 tarihinde yayınlandı
|
|
|
|
Çok sayıda sayfa aynı görünüm sonucunu çağırdığında, aynı içeriği bir görünüm bileşenine kapsülleyebiliriz, tabii ki, parametreleri görüş bileşenine aktarabilir ve yanıt sonucunu döndürebiliriz, senaryolar: lider tabloları, formlar, tablolar vb., bu makale ViewComponent görünüm bileşen eğitiminin nasıl kullanılacağını açıklamak için core 3.1 asp.net i kullanır.
Bileşenleri görüntüle
View bileşeni yerel görünüme benzer, ancak daha güçlüdür. Görünüm bileşeni model bağlamalarını kullanmaz, yalnızca model çağrıldığında sağlanan verilere dayanır. Bu makale kontrolcüler ve görünümler kullanılarak yazılmıştır, ancak görünüm bileşeni Razor Pages ile de kullanılabilir.
Bileşenleri Görüntüleyin:
- Tüm yanıt yerine blokları render edin.
- Kontrolörler ve görünümler arasında bulunan aynı endişe ayrımını ve test edilebilirlik avantajlarını içerir.
- Parametreleri ve iş mantığı olabilir.
- Genellikle yerleşim sayfasından çağrılır.
Görünüm bileşenleri, yerel bir görünüm için çok karmaşık olan yeniden kullanılabilir render mantığı olan her yerde kullanılabilir, örneğin:
- Dinamik navigasyon menüsü
- Etiket bulutu (veritabanının sorgulandığı yer)
- Giriş paneli
- Alışveriş sepeti
- Son zamanlarda yayımlanan makaleler
- Tipik bir blogda yan panel içeriği
- Giriş paneli, kullanıcının giriş durumuna bağlı olarak her sayfada çıkış veya giriş için bir bağlantı ile birlikte görünecektir
Kısmi görünüm
asp.net MVC 5'te aşağıdaki kodla yerel bir görünüm kullanabiliriz:
Çağrı yöntemi:
ViewComponent yerel görünümlere alternatif olarak sunulmaktadır.
Başlamak için ViewComponent
Bileşen sınıfını görüntüle:
- Üretici bağımlılık enjeksiyonu tamamen desteklenmektedir
- Kontrolcünün yaşam döngüsünde yer almıyor, yani filtreleri görünüm bileşenlerinde kullanamazsınız
- Daha fazla uzatmadan, doğrudan kentsel alan sınıflandırmasının bileşen işlevselliğini özetlemek istediğimiz noktaya gelelim.
Öncelikle, proje dizininin altında yeni bir "ViewComponents" klasörü oluşturun ve aşağıdaki kodla yeni bir "RootClassification.cs" sınıf dosyası oluşturun:
Görünüm sayfasında, projenin "/Views/Shared" klasörü altında yeni bir "Components" klasörü oluşturuyoruz, ardından yeni bir "RootClassification" klasörü oluşturuyoruz (bu, oluşturduğumuz yeni bileşen sınıfına sahip nesne), ardından yeni bir "Default.cshtml" dosyası oluşturuyoruz, kod şu şekildedir:
Yapı şöyledir:
Detaylı yol şudur: /Views/Shared/Components/RootClassification/Default.cshtml
Neden böyle bir yol inşa edildi? Bu, asp.net Core bileşeninin nasıl çalıştığıyla ilgili.
Çalışma zamanı, görünümü aşağıdaki yolda arar:
/Views/{Controller Name}/Components/{View Component Name}/{View Name}
/Views/Shared/Components/{View Component Name}/{View Name}
/Pages/Shared/Components/{View Component Name}/{View Name}
Görünüm bileşeninin varsayılan görünüm adı Default'tır, bu da görünüm dosyanızın genellikle Default.cshtml olarak adlandırılacağı anlamına gelir. Bir görünüm bileşeni sonucu oluştururken veya bir Görünüm metodu çağırırken farklı bir görünüm adı belirtebilirsiniz.
Çağırırsak, bileşeni kullanmamız gereken yere çağırabiliriz, kod şöyledir:
Projeyi aşağıdaki render ile tekrar çalıştırın:
|
Puan
-
Tüm puanları gör
Önceki:EF Core Series (3) Varlık Çerçevesi Gölge Özellikleri [Yeniden Baskı]Önümüzdeki:Web sitesi, bir görsel slayt gösterisi (karkarınca) uygulamak için swiper eklentisini kullanır
|
2021-8-12 10:21:01 tarihinde yayınlandı
|
Ev sahibi|
2023-8-13 tarihinde 17:55:05 tarihinde yayınlandı
|
