İçindekiler
Bir web uygulaması geliştirirken, onun dış ve estetik tarafını yani kullanıcının gördüğünü de geliştirmemiz gerekir. Bunun bir kısmı sayfa üstbilgisi, menü, altbilgi vb..Bahsettiğimiz bu statik içeriktir ve genellikle uygulamanın ömrü boyunca çok az değişir, genellikle yeni bir tane olduğunda değişir. Bak ve hisset, yani bir yeniden tasarım veya yansıtılması gereken yeni bileşenler eklediğimizde.
Bu tür elemanlarla çalışmak için, düzenlerBu, örneğin başlığı yalnızca bir kez yazmamıza izin verir ve daha sonra bunu yaparak, yeniden yazmaya gerek kalmadan diğer bölümlere dahil edebiliriz.
Düzenler
Kullanımı ile Ustura Görünüm kapsayıcıları gibi davranan şablonlar yazabiliriz, yani diğerlerini içerecek bir görünüm, açıkladığımız gibi, bunun amacı mümkün olan en az miktarda kod yazmak ve uygulamamızın görünümünü homojenize etmektir.
Düzenler neden kullanılır?Örneğin, başlığa sahip temel bir web'imiz varsa, en mantıklı şey, farklı görünümlerin bu başlığı kullanmasıdır, bu nedenle kodunu her görünümde birkaç kez yazmak yerine, Yerleşim ve bunu farklı görüşlere dahil ediyoruz.
_Layout.cshtml dosyasının içeriği
Bizim içinde yeni bir web projesi oluştururken görünümler klasörüadında bir dosyamız var. _Layout.cshtml, bu dosyada, bir önceki noktada açıkladığımız görünümlerin kabı olarak işlev görecek ana şablonumuz var.
Bu dosyanın içerdiği kaynak kodu aşağıdaki resimde görelim:
detaylandırırsak, bir HTML dosyası normal, ancak bizi ilgilendiren kod Ustura, başlık etiketiyle başlıyoruz, Razor'a bakarsak şunu gösterir: @ Görünüm.Başlık, bu, bir parametre yazdırmanız gerektiği anlamına gelir Başlık bu görünümden geliyor, sonra diğer bölümlerle devam ediyoruz. @RenderSection ([ad]) her bölüme giden görünümde gösterilen içeriği yazdırmamıza ve son olarak @RenderBody () gövde içeriğini yazdıracaktır.
Gördüğümüz gibi, oldukça modüler bir şey, şimdi bir görünümün kodunu görürsek, bunların nasıl doğrudan ilişkili olduğunu anlayabiliriz:
@ {Düzen = "~ / _Layout.cshtml"; } @Bölüm başlığı {Başlık içeriğini görüntüle
} @section Altbilgi {Telif Hakkı @ DateTime.Now.Year}Bu, görünümün gövdesinin içeriğidir
Bu görünümde ilk yaptığımız, dosyayı kullanacağını belirtmektir. _Layout.cshtml temel olarak, o zaman size her bölümün neyi taşıyacağını söyleriz, örneğin @Bölüm başlığı, bu bloğun içerdiği şey, @RenderSection ("Başlık") dosyada ne gördük _Layouts.cshtml.
bağlantıO zaman bunun bir bulmaca gibi işleyeceğini söyleyebiliriz ve Düzen belirlediğimiz her parçayı ait olduğu yere yerleştirecek.
Bununla bu öğreticiyi bitiriyoruz ve gördüğümüz gibi Düzenler birçok kodu yeniden yazmaktan tasarruf edebiliriz ve bu içerik için tek bir kaynağa sahip olarak sayfalarımız çok daha homojen olur, farklı bölümlere ihtiyacımız varsa yapabiliriz ikinci veya üçüncü bir Düzen yaz bu, kullanacağımız tüm unsurlara sahip olmamızı sağlar.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.