客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
前言 ASP.NET MVC 3配有一个新的名为“Razor”的视图引擎选项(除了已有的.aspx视图引擎)。Razor尽量减少编写一个视图模板需要敲入的字符数，实现快速流畅的编程工作流。与大部分模板的语法不同，你不必在HTML中为了明确地标记出服务模块的开始和结束而中断编程。Razor解析器足够聪明，能从你的代码中推断出来。这使其简洁，富有表现力的语法输入干净，快速，有趣。下面话不多说了，来一起看看详细的介绍吧 1. 表达式 表达式必须跟在“@”符号之后， 2.代码块 代码块必须位于“@{}”中，并且每行代码必须以“；”结尾。代码块中定义的变量可能会被同一个域中的其他块使用。比如，定义在视图顶部的变量可以被同一视图中的代码块和代码段访问。 3. 布局 Razor通过layouts保持网页外观布局的一致性。布局模板包含基本的标签，并可以指定渲染视图内容的位置。比如 基本布局文件（_Layout.cshtml） <!DOCTYPE Html> <html lang=”en”> <head> <mete charset=”utf-8”/> <title>@View.Title</title> </head> <body> <div class=”header”> @RenderSection(“Header”); </div> @RenderBody() <div class=”footer”> @RenderSection(“Footer”); </div> </body> </html> 布局页面定义完成后，其他视图页面就可以引用该布局文件，比如
@{Layout=”~/_Layout.cshtml”;}
@section Header {
<h1>Page Header Content</h1>
}
@section Footer {
Copyright @DateTime.Now.Year
}
<div class=”main”>
Page Main Content
</div>
使用Razor布局和内容视图将页面组合在一起，展示了一个完整的页面，其中的每一块定义了页面的不同部分。 4.部分视图 使用布局通过重用部分HTML代码做到网站外观的一致性，但是有一些情况，布局则无法实现，比如，网页上的一部分信息需要多次重复出现（格式一致，显示内容不一致），例如，购物网站页面上的交易列表，只显示交易名称、当前价格和摘要信息。 ASP.NET MVC通过部分视图的技术实现了这个需求。 首先，先定义部分视图，并保存为单独的视图文件（例如，~/Views/Shared/Acution.cshtml）。 @model Auction <div class=”auction”> <a href=”@Model.Url”><img src=”@Model.ImageUrl”</a> <h4><a href=”@Model.Url”>@Model.Title</a></h4> <p>Current Price :@Model.CurrentPrice</p> </div> 然后，在需要使用该部分视图的位置，调用ASP.NET MVC自带的HTML方法调用它，比如：
@model IEnumerable<Auction>
<h2>Search Result</h2>
@foreach(var auction in Model){
@Html.Partial(“Auction”,auction);
}
其中，Html.Partial()方法的第一个参数“Auction”是部分视图名称，并需要包含扩展名。第二个参数则是传递到部分视图的数据模型。第二个参数不是必须的，如果不传递，系统会默认将调用该部分视图的数据模型进行传递，比如，本例中的IEnumerable<Auction>。 由此可见，使用部分视图能够降低网页中的代码重复和编码复杂性，增强可读性。 5. 显示数据 MVC架构分为三层，模型、视图和控制器。三层之间彼此分离且协同工作，其中，就需要控制器担当“协调”的角色，视图将请求交给控制器，控制器对模型进行操作，并将操作结果反馈给视图，视图对模型的数据进行呈现。 控制器和视图之间的数据传递方式，ASP.NET MVC 提供了以下几种实现方式： 1) ViewData ViewData实现方式，它的实现类似于Dictionary的操作，使得数据传递变得非常简单。 在控制器方法中使用类似于 2) ViewBag ViewBag的使用类型与C#中的dynamic类型，可以直接操作其属性，比如， 控制器方法： 视图文件： 3) Model属性 Model属性属于强类型，并且是动态类型，可以在视图上输入”@Model”就可以直接访问。 6. HTMLHelper和URLHelper Web请求的目标就是向用户发送HTML代码，在Razor语法中，ASP.NET MVC有两个重要的帮助类来生成对应的HTML代码，分别是HTMLHelper和URLHelper。HTMLHelper类用来生成HTML标记代码，URLHelper用来生成URL地址链接。 <img src='@Url.Content(“~/Content/images/header.jps”)'/> @Html.ActionLink(“Home”,”Index”,”Home”) 渲染得到的HMTL代码为： <img src='/vdir/Content/images/header.jpg'/> <a href=”/vdir/Home/Index”>HomePage</a> 总结 以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对极客世界的支持。 |
请发表评论