创建布局页及套用布局页的视图页

本文介绍了如何在ASP.NET MVC中创建布局页(_Layout.cshtml)作为母板页面,实现站点统一页面布局。通过在View目录的Shared文件夹下创建布局页,并在子视图页面如Study.cshtml中引用该布局,达到完整页面效果。实践步骤包括创建MVC应用、添加布局页、修改布局内容、创建并配置视图页面,最终通过运行程序查看效果。
摘要由CSDN通过智能技术生成

实现模板页面。使用_Layout.cshtml创建母板页面,实现站点的页面布局。子视图页面引用_Layout.cshtml,实现完整的页面效果。W3school网站完成效果,如图所示:在这里插入图片描述实践思路:

  1. 创建MVC应用程序。
  2. 在View目录下创建Shared文件夹,选中Shared文件夹右键单击“MVC 5 Layout Page (Razor)”。创建布局页_LayoutPage1.cshtml,如图所示:
    在这里插入图片描述3) 修改布局页的body内容,参考代码如下:
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值