MVC视图布局页常用代码
1.在视图 Views 中新建文件夹 Shared
2.在 Shared 中新建布局页-母版页 _Layout.cshtml
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta charset="UTF-8"> <!--编码方式采用UTF-8-->
<meta name="renderer" content="webkit"> <!--默认使用极速内核-->
<meta name="description" content="飞车,换装,跑马,斗地主,冒险岛"> <!--网站关键词-->
<meta name="description" content="这是一个游戏网站"> <!--网站描述-->
<title>@ViewBag.Title</title> <!--页面标题将在此处插入-->
<link href="@Url.Content("~/Content/css.css")" rel="stylesheet" type="text/css" />
@RenderSection("Css", false) <!--子页面需要的css将在此插入-->
<script src="@Url.Content("~/Scripts/jquery.min.js")"></script>
@RenderSection("Js", false) <!--子页面需要的js将在此插入-->
</head>
<body>
<header>
<div>LOGO</div>
<!--导航菜单-->
<ul id="menu">
<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li>@Html.ActionLink("Movies", "Index", "Movies")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
</ul>
</header>
<section id="main">
<!-- 页面内容将在此处呈现-->
@RenderBody()
</section>
<footer>
<p>Copyright RUNOOB 2012. All Rights Reserved.</p>
</footer>
</body>
</html>
3.在视图 Views 中新建视图 _ViewStart.cshtml
@{Layout = "~/Views/Shared/_Layout.cshtml";}
这段代码被自动添加到由应用程序显示的所有视图。
如果您删除了这个文件，则必须向所有视图中添加这行代码。
4.在 Shared 中新建布局页-分部视图 _Page.cshtml
调用代码：@Html.Partial("_PageName")
<div id="page">
@Html.Partial("_Page")
</div>
5.在子页面调用方式：
@section Css{
<link href="~/Content/home.css" rel="stylesheet" type="text/css" />
}
@section Js{
<script src="~/Scripts/home.min.js"></script>
}
@{
ViewBag.Title = "首页";
}
<div>首页HTML内容</div>
代码说明
1.RenderSection(string name, bool required = true)
说明：required默认为true表示引用这个布局页的所有View必须含有该Section，设为false则为可以有，也可以没有
2.Html.ActionLink("LinkText","ActionName","ControllerName","RoutValues","HtmlAttributes")
Html.ActionLink(string linkText, string actionName, string controllerName, object routeValues, object htmlAttributes);
| 属性 | 描述 |
| linkText | string，必须的，URL 文本（标签），定位点元素的内部文本。 |
| actionName | string，必须的，操作（action）的名称。 |
| ControllerName | string，可选，控制器的名称。 |
| routeValues | object ，routeValues和HtmlAttributes必须同时存在，传递给操作（action)的值，是一个包含路由参数的对象。 |
| HtmlAttributes | object ，routeValues和HtmlAttributes必须同时存在，URL 的属性设置，是一个包含要为该元素设置的 HTML 特性的对象。 |
举例说明：
| 代码 | 输出 |
| @Html.ActionLink("超链接文本","Index") | <a href="/">超链接文本</a> 生成当前控制器下action名字为index 的超链接，如当前控制器不是默认首页，是About则会生成 <a href="/About">超链接文本</a> |
| @Html.ActionLink("超链接文本","Index"，"Home") | <a href="/Home">超链接文本</a> |
| @Html.ActionLink("超链接文本", "About", "Home") | <a href="/Home/About">超链接文本</a> |
| @Html.ActionLink("超链接文本", "Index", "Home", new { id = "11" },null) | <a href="/Home/Index/11">超链接文本</a> |
| @Html.ActionLink("超链接文本", "Index", "Home", new { id = "11" }, new { @class = "aLink", data_val = "shouye", id = "shouye" }) | <a class="aLink" data-val="shouye" href="/Home/Index/11" id="shouye">超链接文本</a> |
注释：这里只介绍了其中的几种常用的调用方式，具体F12去了解吧！
3.ViewBag 是用于向页面传参的，可用于子页面向母版页传参，就例如前面的ViewBag.Title。也可用于控制器向页面插入值，例如如下：
控制器代码：
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc; namespace GamePortal.Web.Controllers
{
public class HomeController : Controller
{
// GET: Home
public ActionResult Index()
{
ViewBag.UserName = "测试用户";
ViewBag.UserAccount = "";
ViewBag.UserIntegral = "";
ViewBag.LastLogonTime = "2018-10-08 17:54:00";
return View();
}
}
}
HTML代码：
<div>
<ul>
<li>用户姓名: @ViewBag.UserName</li>
<li>用户账号: @ViewBag.UserAccount</li>
<li>用户积分: @ViewBag.UserIntegral</li>
<li>最后一次登录时间: @ViewBag.LastLogonTime</li>
</ul>
</div>
MVC视图布局页常用代码的更多相关文章
- MVC的布局页，视图布局页和分布页的使用
一,结构如下图 二,布局页和视图布局页 1>使用方法一 _ViewStart.cshtml @{ Layout = "~/Views/Shared/_Layout.cshtml&quo ...
- ASP.NET Core 入门教程 6、ASP.NET Core MVC 视图布局入门
一.前言 1.本教程主要内容 ASP.NET Core MVC (Razor)视图母版页教程 ASP.NET Core MVC (Razor)带有Section的视图母版页教程 ASP.NET Cor ...
- ASP.NET Core 入门笔记7，ASP.NET Core MVC 视图布局入门
一.前言 1.本教程主要内容 ASP.NET Core MVC (Razor)视图母版页教程 ASP.NET Core MVC (Razor)带有Section的视图母版页教程 ASP.NET Cor ...
- ASP.NET MVC在布局页上使用模型(model)
看到这标题有点怪,一般情况之下,我们很容易在视图与部分视图中使用模型(model),但是如果想在布局页_Layout.cshtml页中使用模型(model),按照普通方式也许没有达到预期的效果,在实现 ...
- asp.net mvc razor布局页中a标签的href的跳转问题
笔者做了一个文件上传系统,文件上传后,保存在wwwroot目录的file文件夹中,并把该文件的路径保存到数据库中, 如这样的一个路径保存在数据库: file/b775f487-0127-41e0-9d ...
- 一、Core的布局页、起始页及错误页
一.布局页面: 使用布局页相当于一个母版页,可以将各个页面公用部分,如上方标题区.左侧导航菜单区.下方版权声明及状态显示区以及通用的js及css引用等,集中放到布局页管理,具体功能页面只需关注自己独有 ...
- MVC教程八：母版页(布局页)视图
一.母版页介绍和使用 母版页的扩展名为".cshtml",也叫做视图布局页,它相当于网页的模板.在其他网页中,只要引用了母版页,母版页的页面内容就可以自动显示出来,设计者可以修改引 ...
- IDEA项目搭建十四——Web站点Controller基类及布局页静态资源设计
一.简介 站点搭建完成后,编写页面时一般会有如下几个需求 1.嵌套静态页面时有很大一部分通用代码,如css.js这部分可以使用thymeleaf的局部片段代码块组成 2.这些静态资源默认放在程序中,但 ...
- ASP.NET MVC 5 学习教程：修改视图和布局页
原文 ASP.NET MVC 5 学习教程:修改视图和布局页 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 ...
随机推荐
- 关于Unity中的碰撞检测和管理(2D)
创建Unity3D项目和Unity2D项目的区别. 1.3D项目有摄像机和太阳光,2D项目只有摄像机 2.3D项目使用的贴图类型是Texture纹理,2D项目使用的贴图类型是Sprite 2D/UI ...
- 矩阵分解(Matrix Factorization)与推荐系统
转自:http://www.tuicool.com/articles/RV3m6n 对于矩阵分解的梯度下降推导参考如下:
- Omnigraffle快捷键
cmd+shift+. 和 cmd+shift+, 放大缩小 按住z点击鼠标是放大, z+Option是缩小 按住command双指推移 缩放 按住command,旋转物体 按住 option缩放 ...
- Android startActivityForResult 回传数据
一个activity打开新的activity,新的activity关闭之后,返回数据.原来的activity要接收返回的数据,在开启新的activity时,就需要调用startActivityForR ...
- Java 关于finally、static
论坛上看到的两道题目,如下: //为啥运行结果是1 0 不是 0 0呢 谁能解释下啊 public class FinallyDemo { static int value = 0; static i ...
- 转载：【原译】Erlang性能的八个误区（Efficiency Guide）
转自:http://www.cnblogs.com/futuredo/archive/2012/10/16/2725770.html The Eight Myths of Erlang Perform ...
- CentOS运维常用管理操作命令
自己整理的整理Linux常用运维和linux常用管理操作命令,当然不是非常详细和丰富,但是也基本上够用了吧.欢迎留言补充更多的Linux常用运维和linux常用管理操作命令.不断完善中.... 备份m ...
- CentOS系统安装后的基础优化
在运维工作中,我们发现Linux系统安装之后并不能立即投入生产环境使用,往往需要先经过我们运维人员的优化才行. 下面我就为大家简单讲解几点关于Linux系统安装后的基础优化操作. 注意:本次优化都是基 ...
- 针对后台列表table拖拽比较实用的jquery拖动排序
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&qu ...
- ChemDraw 16最新版本发布 更效率科研的首选
ChemDraw一直是全球领先的科学绘图软件,致力于为科学家.教师以及学生提供最新的智能应用程序.ChemDraw 16版本相较于15版本做出了较大的改进,大大缩短科研时间,提高科研效率.扩展Name ...