当前位置: 移动技术网 > IT编程>开发语言>.net > ASP.NET MVC学习教程之Razor语法

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

2018年05月29日  | 移动技术网IT编程  | 我要评论

sywz,上海种植牙多少钱,photoshop8.0破解版

前言

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>

总结

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

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网