在ASP.NET Razor中,页面布局可以通过使用Layout
属性来实现。以下是一个简单的示例,展示了如何在Razor页面中使用布局。
-
首先,在
Views
文件夹下创建一个名为Shared
的文件夹。这是放置布局页面的默认位置。 -
在
Shared
文件夹中,创建一个名为_Layout.cshtml
的文件。这将是我们的布局页面。在这个文件中,我们将定义页面的基本结构和样式。
@ViewBag.Title @RenderBody()
-
在
Views
文件夹中,创建一个名为Home
的文件夹。这是放置我们的内容页面的位置。 -
在
Home
文件夹中,创建一个名为Index.cshtml
的文件。这将是我们的内容页面。在这个文件中,我们将使用Layout
属性来指定我们想要使用的布局。
@{ ViewBag.Title = "Home Page"; }Welcome to the Home Page
This is the content of the home page.
- 在
Index.cshtml
文件中,添加Layout
属性并将其值设置为_Layout
。这将告诉Razor使用我们在第2步中创建的布局页面。
@{ ViewBag.Title = "Home Page"; Layout = "_Layout"; }Welcome to the Home Page
This is the content of the home page.
现在,当你运行应用程序时,你将看到一个包含导航栏和内容的页面。你可以根据需要创建更多的内容页面,并使用Layout
属性将它们与布局页面关联起来。