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. JS中获取CSS样式的方法

    1.对于内联样式,可以直接使用ele.style.属性名(当然也可以用键值对的方式)获得.注意在CSS中单词之间用-连接,在JS中要用驼峰命名法 如 <div id="dv" ...

  2. Servlet发送邮件遇到的问题SMTPSendFailedException 554

    接到通知,一个接收用户请求的邮箱有段时间收不到邮件了.当时想着这么简单的功能,就没有加上日志记录.重写程序后,日志记下的报错是:SMTP的SMTPSendFailedException 554  co ...

  3. Android中使用TabLayout实现Tab

    一.需求 activity + fragment实现tab,并可以滑动切换tab. 需要导入compile 'com.android.support:design:25.3.1' 二.layout实现 ...

  4. CentOS 7 - 更新JDK，删除旧JDK，安装新JDK

    一,检查是否安装JDK. yum list installed | grep java 二,删除旧JDK. yum -y remove java-1.7.0-openjdk* yum -y remov ...

  5. redis5.0新特性

    1. redis5.0新特性 1.1. 新的Stream类型 1.1.1. 什么是Stream数据类型 抽象数据日志 数据流 1.2. 新的Redis模块API:Timers and Cluster ...

  6. C#退出窗体的总结方法

    一.关闭窗体 在c#中退出WinForm程序包括有很多方法,如:this.Close(); Application.Exit();Application.ExitThread(); System.En ...

  7. Jquery Ajax Realize whether the user is registered

    XMLHttpRequest对象可以在不向服务器提交整个页面的情况下,实现局部更新网页.当页面全部加载完毕后,客户端通过该对象向服务器请求数据,服务器端接受数据并处理后,向客户端反馈数据. XMLHt ...

  8. 性能调优之Mapping

    Mapping层级的调优可能会花费时间,但是性能调优的效果确实非常显著的 优化Target,Source之后,可以调优Mapping 通常的方法是尽可能减少组件及组件的字段间不必要的连线 即尽可能用最 ...

  9. Android数据保存之SharedPreference

    前言: 程序中处理的大部分问题都与数据有关,读取数据显示在UI上,读取的数据可以是本地的,也可以是网络的.保存用户数据到存储空间,可以是本地的数据库,文件等,也可以是保存到网络服务器.总之大部分的程序 ...

  10. Linux命令行文本工具

    浏览文件 cat 查看文件内容 more 以翻页形式查看文件内容(只能向下翻页) less 以翻页形式查看文件内容(可以上下翻页) head 查看文件的头几行(默认10行) tail 查看文件的尾几行 ...