[C#] .NET8 - Razor Pages 中的 Partial Layout:如何分離佈局並載入動態資料
2024-08-14
最近在做一些專案轉移,遇到以前的 .NET Framework 的 WebForm 轉到新的 .NET 8 上面
在 .NET Razor Pages 中,Partial Layout 是一種可以分離頁面佈局和邏輯的方法,
允將重複的 Layout 部分抽取到一個單獨的文件中,並根據需要載入不同的資料。這種方式不僅提升了代碼的重用性和可維護性,還使得頁面更加模組化和靈活。
有點類似以前 Web Component 的作法,但是不會有 Postback 的麻煩問題,筆記一下
1. 首先我在 Shared 下開一個 LayoutTest1.cshtml 內容如下
程式碼如下:
2. 在 Page 中引入的部份
.cshtml
.cshtml.cs
基本上,頗簡單的為何會特別寫一篇,之前發現竟然有朋友不知道有這東西,重複貼上一樣的東西
所以乾脆寫一篇,如果不需要動態放入資料期時該 Partial Layout 也可以直接去 render 一個 static 的 List 也行
筆記先到這裡..
reference:
https://learn.microsoft.com/zh-tw/aspnet/core/mvc/views/partial?view=aspnetcore-8.0