ASP.NET MVC学习教程之Razor语法

 更新时间:2021年9月22日 10:02  点击:1311

前言

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的操作,使得数据传递变得非常简单。

在控制器方法中使用类似于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>

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对猪先飞的支持。

[!--infotagslink--]

相关文章

  • ASP.NET购物车实现过程详解

    这篇文章主要为大家详细介绍了ASP.NET购物车的实现过程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
  • 在ASP.NET 2.0中操作数据之七十二:调试存储过程

    在开发过程中,使用Visual Studio的断点调试功能可以很方便帮我们调试发现程序存在的错误,同样Visual Studio也支持对SQL Server里面的存储过程进行调试,下面就让我们看看具体的调试方法。...2021-09-22
  • ASP.NET Core根据环境变量支持多个 appsettings.json配置文件

    这篇文章主要介绍了ASP.NET Core根据环境变量支持多个 appsettings.json配置文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22
  • 记一次EFCore类型转换错误及解决方案

    这篇文章主要介绍了记一次EFCore类型转换错误及解决方案,帮助大家更好的理解和学习使用asp.net core,感兴趣的朋友可以了解下...2021-09-22
  • SpringMVC文件上传原理及实现过程解析

    这篇文章主要介绍了SpringMVC文件上传原理及实现过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-07-15
  • C# MVC模式中应该怎样区分应用程序逻辑(Controller层)和业务逻辑(Model层)?

    这篇文章主要介绍了C# MVC模式中应该怎样区分应用程序逻辑(Controller层)和业务逻辑(Model层)?,这也小编做.NET项目时经常思考和让人混乱的一个问题,这篇文章写的挺好,一下清晰了许多,需要的朋友可以参考下...2020-06-25
  • 详解ASP.NET Core 中基于工厂的中间件激活的实现方法

    这篇文章主要介绍了ASP.NET Core 中基于工厂的中间件激活的实现方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-09-22
  • 使用Maven 搭建 Spring MVC 本地部署Tomcat的详细教程

    这篇文章主要介绍了使用Maven 搭建 Spring MVC 本地部署Tomcat,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-08-16
  • asp.net通过消息队列处理高并发请求(以抢小米手机为例)

    这篇文章主要介绍了asp.net通过消息队列处理高并发请求(以抢小米手机为例),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22
  • ASP.NET 2.0中的数据操作:使用两个DropDownList过滤的主/从报表

    在前面的指南中我们研究了如何显示一个简单的主/从报表, 该报表使用DropDownList和GridView控件, DropDownList填充类别,GridView显示选定类别的产品. 这类报表用于显示具有...2016-05-19
  • ASP.NET单选按钮控件RadioButton常用属性和方法介绍

    RadioButton又称单选按钮,其在工具箱中的图标为 ,单选按钮通常成组出现,用于提供两个或多个互斥选项,即在一组单选钮中只能选择一个...2021-09-22
  • SpringMvc自动装箱及GET请求参数原理解析

    这篇文章主要介绍了SpringMvc自动装箱及GET请求参数原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-09-19
  • SpringMvc获取请求头请求体消息过程解析

    这篇文章主要介绍了SpringMvc获取请求头请求体消息过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-09-17
  • 详解CocosCreator MVC架构

    这篇文章主要介绍了CocosCreator MVC架构,同学们在制作游戏过程中,尽量使用一些架构,会避免很多问题...2021-04-16
  • Springmvc ResponseBody响应json数据实现过程

    这篇文章主要介绍了Springmvc ResponseBody响应json数据实现过程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-10-26
  • ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容

    这篇文章主要介绍了ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容的实现代码,感兴趣的小伙伴们可以参考一下...2021-09-22
  • 基于C#后台调用跨域MVC服务及带Cookie验证的实现

    本篇文章介绍了,基于C#后台调用跨域MVC服务及带Cookie验证的实现。需要的朋友参考下...2020-06-25
  • 创建一个完整的ASP.NET Web API项目

    ASP.NET Web API具有与ASP.NET MVC类似的编程方式,ASP.NET Web API不仅仅具有一个完全独立的消息处理管道,而且这个管道比为ASP.NET MVC设计的管道更为复杂,功能也更为强大。下面创建一个简单的Web API项目,需要的朋友可以参考下...2021-09-22
  • 理解javascript中的MVC模式

    这篇文章主要为大家介绍了javascript中的MVC模式,MVC是一种软件架构模式,一般把软件模式分为三部分,本文就针对MVC模式的三部分进行讲解,感兴趣的小伙伴们可以参考一下...2016-02-01
  • 仅30行代码实现Javascript中的MVC

    这篇文章主要介绍了仅30行代码实现Javascript中的MVC的方法,MVC的基础是观察者模式,这是实现model和view同步的关键,想要深入了解的朋友可以参考本文...2016-02-18