ben

OMÜ , Bilgisayar Mühendisliği, 13'

20 Eylül 2022 Salı

Layout Yapısı

 İndex sayfasındaki bazı bolumler (header ve footer  gibi) , tüm sayfalarda görünmeli, bunun için tüm sayfalara eklemek yerine layout yapısına alıp bu sayfaları diğer sayfalarda görünmesini sağlamak durumundayız.

Bunun için View altına Shared klasörü açalım ve içine _Layout adında view sayfası oluştuaralım. Home altındaki index sayfasındaki  komutların tamamını Layout sayfasına taşıyalım. 

 Layout sayfasındaki main içerisindeki Breadcrump altındaki Pricing Section  kısmını geri home altındaki index sayfasına aktaralım. Layoutaki main içerisi aşağıdaki gibi olacaktır.  Layout sayfasında taşıdığımız  Pricing Section yerine  aşağıdaki komutu aktaralım.

 @RenderBody()

main bloğu aşağıdaki gibi olacaktır.



Her sayfanın Layouttan haberi olması için View Klasörü içeisine  _ViewStart adında yeni bir View açalım ve aşağıdaki komutu yazalım.

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

Çalıştırdığımızda layout yapımız yuklendi, artık her yeni sayfada üst navbar ve alttaki footer yapımız görünecek. Sadece admin panel için kurduğumuz Area yapısında görünmez çünkü onun kendisine ait layout yapısı  view yapısı olacaktır.

Hiç yorum yok: