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>

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

  1. ASP.NET MVC 学习笔记-2.Razor语法 ASP.NET MVC 学习笔记-1.ASP.NET MVC 基础 反射的具体应用 策略模式的具体应用 责任链模式的具体应用 ServiceStack.Redis订阅发布服务的调用 C#读取XML文件的基类实现

    ASP.NET MVC 学习笔记-2.Razor语法   1.         表达式 表达式必须跟在“@”符号之后, 2.         代码块 代码块必须位于“@{}”中,并且每行代码必须以“: ...

  2. MVC学习笔记2 - Razor语法

    Razor 同时支持 C# (C sharp) 和 VB (Visual Basic). C# 的主要 Razor 语法规则 Razor 代码封装于 @{ ... } 中 行内表达式(变量和函数)以 ...

  3. ASP.NET MVC 学习笔记-7.自定义配置信息 ASP.NET MVC 学习笔记-6.异步控制器 ASP.NET MVC 学习笔记-5.Controller与View的数据传递 ASP.NET MVC 学习笔记-4.ASP.NET MVC中Ajax的应用 ASP.NET MVC 学习笔记-3.面向对象设计原则

    ASP.NET MVC 学习笔记-7.自定义配置信息   ASP.NET程序中的web.config文件中,在appSettings这个配置节中能够保存一些配置,比如, 1 <appSettin ...

  4. ASP.NET MVC学习笔记-----Filter2

    ASP.NET MVC学习笔记-----Filter(2) 接上篇ASP.NET MVC学习笔记-----Filter(1) Action Filter Action Filter可以基于任何目的使用 ...

  5. ASP.NET MVC学习笔记-----Filter

    ASP.NET MVC学习笔记-----Filter(1) Filter类型 接口 MVC的默认实现 Description Authorization IAuthorizationFilter Au ...

  6. ASP.NET MVC学习笔记-----Filter(2)

    接上篇ASP.NET MVC学习笔记-----Filter(1) Action Filter Action Filter可以基于任何目的使用,它需要实现IActionFilter接口: public ...

  7. 【.NET-MVC】ASP.NET MVC学习笔记1-概述

    第 1 篇:理解控制器和视图 MVC概述 MVC原理就是模型.视图.控制器的框架.   (其实也是种思想,为了让前端.程序.数据分开,也是想实现低耦合.高内聚) MVC请求流程是:访问控制器,控制器来 ...

  8. ASP.NET MVC5 学习笔记-2 Razor

    1. Razor @*注释*@ 你在用 @Request.Browser.Browser, 发送邮件给support@qq.com, 转义@@qq @{ var amounts = new List& ...

  9. ASP.NET MVC学习笔记（一） 从路由开始创建mvc

    之前一篇写一半发现版本太老了,是基于mvc2的. 两本参考书编写的顺序各方面都不太一样.决定重新写一篇. 我这篇文章基于mvc5,vs2015 参考书:Will保哥的ASP.NET MVC4开发指南 ...

随机推荐

  1. react整理一二（初入React世界）

    react重要思想:组件化(按钮组件.对话框组件.日期组件等等).JSX语法 react把代码和正式渲染目标隔离开来,除了可以在浏览器渲染到DOM来开发网页,还能用于开发原生移动运用 1.专注视图层: ...

  2. why microsoft named their cloud service Azure?

    best guess I can personally make is that because Azure literally means “bright blue color of the clo ...

  3. 轻松读懂IL

    轻松读懂IL先说说学IL有什么用,有人可能觉得这玩意平常写代码又用不上,学了有个卵用.到底有没有卵用呢,暂且也不说什么学了可以看看一些语法糖的实现,或对.net理解更深一点这些虚头巴脑的东西.最重要的 ...

  4. attention 介绍

    前言 这里学习的注意力模型是我在研究image caption过程中的出来的经验总结,其实这个注意力模型理解起来并不难,但是国内的博文写的都很不详细或说很不明确,我在看了 attention-mech ...

  5. 背水一战 Windows 10 (122) - 其它: 通过 Windows.System.Profile 命名空间下的类获取信息, 查找指定类或接口的所在程序集的所有子类和子接口

    [源码下载] 背水一战 Windows 10 (122) - 其它: 通过 Windows.System.Profile 命名空间下的类获取信息, 查找指定类或接口的所在程序集的所有子类和子接口 作者 ...

  6. MySQL InnoDB 逻辑存储结构

    MySQL InnoDB 逻辑存储结构 从InnoDB存储引擎的逻辑结构看,所有数据都被逻辑地存放在一个空间内,称为表空间,而表空间由段(sengment).区(extent).页(page)组成.p ...

  7. Docker学习笔记-Redis 安装

    拉取官方的镜像 docker pull redis:3.2 查看 docker images redis 运行容器 docker run -p 6379:6379 -v $PWD/data:/data ...

  8. fescar分布式事务（概览）

    1. fescar分布式事务(概览) 1.1. 概述   Fescar 是 阿里巴巴 开源的 分布式事务中间件,以 高效 并且对业务0 侵入 的方式,解决 微服务 场景下面临的分布式事务问题. 1.2 ...

  9. muduo-ThreadLocal实现细节——阻止销毁未定义对象

    muduo利用pthread_key_t实现ThreadLocal模板类. 具体代码如下所示: template<typename T> class ThreadLocal : nonco ...

  10. 数据库占用cpu较高的查询

    近来看到别人的有关数据库查询cpu占用较高的sql语句(本人sql并不好),所以查询了一下资料,记录一下,便于理解和应用. 首先,将语句贴在这里 SELECT TOP 10 --平均cpu时间 tot ...