ASP.NET MVC 学习笔记-2.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的操作,使得数据传递变得非常简单。

在控制器方法中使用类似于ViewData[“DataKey”]=dataValue进行赋值,在视图文件中,使用 var dataValue=ViewData[“DataKey”]获取数据。

2)         ViewBag

ViewBag的使用类型与C#中的dynamic类型,可以直接操作其属性,比如,

控制器方法:ViewBag.DataProperty=dataValue;

视图文件:var dataValue=ViewBag.DataProperty;

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>

原文地址:https://www.cnblogs.com/DreamOfLife/p/8974050.html

时间: 2024-07-28 21:37:42

ASP.NET MVC 学习笔记-2.Razor语法的相关文章

Asp.Net Mvc 学习笔记总结(自学第一天)

今天是第一天学习,主要总结了下面两个问题.由于是自学,总结的可能会有纰漏希望大家积极指正(微笑). 1.什么是Mvc?为什么要用Mvc? 2.如何使用Mvc快速实现入门级别的开发? 这里先说一下什么是Mvc:首先Mvc是一种架构模式:第二Mvc不等同于三层:第三Asp.net Mvc是延用了Mvc思想做出来的一款基于三层中的UI层的一款产品:那么Mvc架构模式是什么意思呢?当然这个架构模式20世纪80年代就已经提出来了.当时的提出的时候并没有标准的输入输出设备,只是为了单纯的区分开来输入.输出和

ASP.NET MVC 学习笔记(1)

从头开始系统地学习ASP.NET MVC

ASP.NET MVC学习笔记 第二天

创建视图 返回给客户端的HTML代码最好通过视图指定.视图都在Views文件夹中定义.ViewsDemo控制器的视图需要一个ViewsDemo子目录,这是视图的约定. 可以把多个控制器使用的视图(以及多个视图使用的特殊部分视图)放在Shared目录中. 在代码编辑器中选择Index方法右键单击,选择Add|View命令创建视图. 向视图传递数据: 控制器和视图运行在同一个进程中.视图直接在控制器内创建,这便于从控制器向视图传递数据.可使用ViewDataDictionary.更简单的语法是使用V

【转】ASP.NET MVC学习笔记-Controller的ActionResult

1. 返回ViewResult public ActionResult Index()   {       ViewData["Message"] = "Welcome to asp.net MVC!";       return View();   }  public ActionResult Index(){    ViewData["Message"] = "Welcome to ASP.NET MVC!";    re

ASP.NET MVC 学习笔记-2.Controller

MVC中,Controller用来响应对ASP.NET MVC网站的请求,每个浏览器请求都会被映射到特定的Controller实例上,Controller针对请求可能会进行以下处理:向浏览器返回特定的视图或者对请求进行重定向到别的Controller. Controller实质是一个类,都派生于Controller(System.Web.Mvc.Controller基类). Controller上公共的方法称为ControllerAction,ControllerAction不能重载且不能为静态

【ASP.NET MVC 学习笔记】- 14 HtmlHlper的扩展方法

本文参考:http://www.cnblogs.com/willick/p/3428413.html 1.在 MVC 中用于生成 Html 元素的辅助类是 System.Web.Mvc 命名空间下的 HtmlHelper,习惯上我们把 HtmlHelper 中的(扩展)方法叫 HtmlHelper Method,简称为Helper Method.它的作用是把生成 Html代码的任务交给 MVC,以便 MVC 能完成很多自动处理的工作.我们在 View 中使用的 Html.ActionLink.H

【ASP.NET MVC 学习笔记】- 10 Controller和Action(1)

本文参考:http://www.cnblogs.com/willick/p/3331521.html 1.继承IController接口,示例代码将当前请求的Controller和Action打印到浏览器: public class BasicController : IController { public void Execute(RequestContext requestContext) { string controller = (string)requestContext.Route

【ASP.NET MVC 学习笔记】- 13 Child Action

本文参考:http://www.cnblogs.com/willick/p/3410855.html 1.Child action 和 Patial view 类似,也是在应用程序的不同地方可以重复利用相同的子内容.不同的是,它是通过调用 controller 中的 action 方法来呈现子内容的,并且一般包含了业务的处理.任何 action 都可以作为子 action .示例: //1.ChildActionOnly 特性保证了该 action 只能作为子action被调用(不是必须的) [

【ASP.NET MVC 学习笔记】- 05 依赖注入工具Ninject

本文参考:http://www.cnblogs.com/willick/p/3223042.html 1.Ninject是一款轻量级的DI工具,可通过VS的插件NuGet将其引用到项目中. 2.使用Ninject的步骤: 创建一个Ninject的内核对象 //创建Ninject内核实例 IKernel ninjectKernel = new StandardKernel(); 把公开接口绑定到一个实现了该接口的类上 //绑定接口到实现了该接口的类.这种绑定告诉Ninject,当接收到一个请求IV