请注明转载地址：http://www.cnblogs.com/arhat

首先这个《一步步学习ASP.NET MVC3》前段时间有些忙，没有顾得上写文章，昨天呢写了3个和ASP.NET的相关的文章，和Spring.NET,NHibernate的相结合的。这个虽说写的有点早了，但是后续我会尽快的把Spring.NET和NHibernate的相关系列写出来，时间虽然不确定，这里呢老魏先说声抱歉，我尽可能的抽出时间来写。

本身写文章就是件耗时的工作，不仅要思虑清晰，通俗易懂，还得配上相关的插图和示例程序，所以比较麻烦，不过只要有大家的支持，老魏再辛苦也要写出来给大家的。写的不好的地方，希望大家能够持证出来，谢谢！

好了，言归正传，本章主要讲解一下ASP.NET MVC Razor的知识，可能这个Razor的知识本章可能讲不完，不过没关系，一章章的来呗！
首先介绍一下Razor,Razor是微软用于视图呈现的新型语法，他的设计目标是让代码和标记流能够一起工作同时尽量不与控制字符冲突。不要感觉新生的事物比较难学，事实上Razor非常简单，比传统的ASP.NET服务器脚本块要好的多。

ASPX代码

<ul>

<% foreach(var p in Model.Products) { %>

<li><%= p.Name %></li>

<% } %>

</ul>

Razor代码

<ul>

@foreach(var p in Model.Products) {

<li>@p.Name</li>

}

</ul>

从上面的代码我们可以看出，Razor不像<%%>和标记混合起来了。Razor在书写的时候能够像平时写程序时该怎么写就怎么写，不用区分标记文本之类的。

Razor语法中，提供了一个非常特殊的符号“@”，这个符号可以说是Razor中的核心东西，简单的来说就是使用“@”来代替<%%>，一个@就是就一个<%%>。
下面通过一些在编程中遇到的问题来说明Razor的用法。

一、定义变量

在Razor中如果要定义变量，那么我们可以使用@{}来定义。

@{

String name = “济公活佛”;

int age = 90;

}

当然，在这个{}中我们还可以写语句。

@{

string name = “济公活佛”;

int age = 90;

if(age > 50) 

{

name = “济颠长老”;

}

}

输出一下：

<div>

@name

</div>

Index.cshtml

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

<title>Index</title>

</head>

<body>

<div>

@{

string name = "济公活佛";

int age = 90;

if(age>50)

            {

                name = "济颠长老";

            }

}

@name

</div>

</body>

</html>

预览一下，我们就会看到结果。

二、输出内容
根据上面我知道@{}是用来定义变量和书写语句的，和<%...%>代码块的效果是一样的，但是Razor的输出却和ASPX不同，它通过@符号来直接输出，就像上面的输出name一样。但是这里却有一些有趣的问题。我们先来做一下实验。

@{

string name = “济公活佛”;

}

现在我要输出name这个变量，如果要直接输出没什么问题，就是@name。那么现在我想输出的格式是“我的名字是济公活佛”。你可能说这不是很简单嘛,这样写“我的名字是@name”。如果这样写是会出错的。

大家会看到，VS工具并没有认出@字符，认为@只是个普通的字符。并不能把“济公活佛”输出。那么怎么办呢？我们可以这样写
我的名字是@{@name}

我的名字是@(@name)

我的名字是 @name

这是怎么回事呢？所有以 @开头的部分代码都会被ASP.NET引擎进行处理。如果我们这样写“我的名字是@name”文本和@之间没有空格，那么ASP.NET引擎是不认识@符号的。那么我们肯定很郁闷，本来不想多个空格，但却多了一个空格。纯文本和Razor之间是不能直接写到一起的，ASP.NET引擎会检查@符号前面是否有内容，如果有内容那么将分为两种情况。

1，纯文本

如果是纯文本，在纯文本后面必须加上一个空格才能识别出Razor

如果是纯文本，不想加空格，则使用@{@变量}或@(@变量)。

我的名字是@{@name}

我的名字是@(@name)

2，Html标签

   如果是Html标签，那么就直接@变量就可以了，因为是HTML标签而不是纯文本。比如：

@{

string name = “济公活佛”;

}

<div>@name</div>

3，在@{...}内部输出文本

在@{}内部也可以输出文本

@{

@:我是文本

@:我是文本 too

@:@name 也可输出变量

}

在@{...}内部输出文本的时候，必须使用”@:”,在这里需要注意的是”@:”必须在前面。如果这样写就是错误的。

@{

我的名字是 @:@name

}

而应该这样写：

@{

@:我的名字是 @name

}

当然@{...}所代表的范围比较大，不仅仅是@{...}，还包括各种带{}的语法也得这样输出。比如：

@if(true)

{

@：我的名字是@name

//我的名字是@:@name是错误的

}

4， 在@{...}内部输出HTML
在@{...}不仅能够输出纯文本，还能输出HTML，输出HTML标签就非常的简单，该怎么写就怎么写。

@{

<p>text</P>

<div>div1</div>

}

同理，在各种带{}的语法也是如此。

5，注释

@{

//单行注释

var i = 10;

//defg

}

@* 多行注释 *@

@*

多行注释

多行注释

*@

@{

@*

多行注释

多行注释

*@

var i = 10; @* asdfasf *@

}

<-- 同时也可以使用C#默认的/* ... */ -->

@{

/*

多行注释

*/

}

那么以上呢那就是对Razor语法的简单介绍，后续还有Razor更多的知识。今天到这儿吧，没有源码哦1

一步步学习ASP.NET MVC3 (3)——Razor（1）的更多相关文章

  1. 一步步学习ASP.NET MVC3 (4)——Razor（2）

    请注明转载地址:http://www.cnblogs.com/arhat 在上一章,我们介绍了Razor的一些基本语法,从Razor中我们可以出ASP.NET MVC的视图引擎给我们带来的便利,但是同 ...

  2. 一步步学习ASP.NET MVC3 章节总结

    请注明转载地址:http://www.cnblogs.com/arhat 对于<一步步学习ASP.NET MVC3>系列工15章,那么为了方便大家能够快速的预览,老魏在这里为这个系列提供一 ...

  3. 一步步学习ASP.NET MVC3 (1)——基础知识

    请注明转载地址:http://www.cnblogs.com/arhat 首先在这里我想声明一下,这个ASP.NET MVC3系列是我在授课过程中的一些经验,有什么不对的地方,请大家指出,我们共同的学 ...

  4. 一步步学习ASP.NET MVC3 (12)——FileResult

    请注明转载地址:http://www.cnblogs.com/arhat 忙了两天,本来老魏昨天就应该写出新的文章,但是由于昨天雨夹雪而且加上昨天晚上加了班,到家都没饭吃了,一看时间都9点了,什么饭店 ...

  5. 一步步学习ASP.NET MVC3 (2)——入门程序

    请注明转载地址:http://www.cnblogs.com/arhat 在上一节中,我们只是简单的介绍了什么是MVC及MVC的运行原理.而本节呢,主要来实现下一ASP.NET MVC3的开发流程,并 ...

  6. 一步步学习ASP.NET MVC3 (5)——View从Action中获得数据

    请注明转载地址:http://www.cnblogs.com/arhat 在上一章中,我们把Razor的模板技术给大家介绍了一下,当然模板中还有其他的知识点,这个以后我们还会继续讲解.本章我们主要讨论 ...

  7. 一步步学习ASP.NET MVC3 (6)——@helper，@functions

    请注明转载地址:http://www.cnblogs.com/arhat 在前一章中,我们讲述了View如何从Action中获得数据,并显示出来,但随着需求的变化,我们可能要对View中显示的数据作出 ...

  8. 一步步学习ASP.NET MVC3 (14)——Route路由

    请注明转载地址:http://www.cnblogs.com/arhat 由于今天是星期六,所以多写几篇,感觉前几天的忙碌没有及时发布文章,趁着周末老魏尽力的多写几篇文章.因为本系列基本上快结束了,所 ...

  9. 一步步学习ASP.NET MVC3 (7)——Controller,Action,ActionResult

    请注明转载地址:http://www.cnblogs.com/arhat 前面几章我们讲解的都是关于View方面的知识,虽然还有很多关于View的知识没有讲,但是没关系,我们在后面使用到的时候在讲解, ...

随机推荐

  1. .Net 与 Java 的服务接口相互调用

    本文介绍.Net 与 Java 相互调用的例子.下面的介绍主要包括三方面:一是通过常用Web服务进行相互调用,二是使用TCP/IP套接字进行相互调用,三是使用Remote实现远程对象相互调用. 首先说 ...

  2. UTF-8编码与Unicode CS2的转换

    /* Convert a UTF-8 string into a UCS-2 array. */ void tcstrutftoucs(const char *str, uint16_t *ary, ...

  3. Js 替代

    替代全部:.replace(/#/g,"/") 替代第一个:.replace("#","/")    var regS = new RegE ...

  4. 将HTML表格导出到EXCEL，兼容Firefox，支持中文

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. modelsim 仿真时出现无限迭代（iteration reach limitation）的原因及其解决办法

    modelsim 仿真时出现无限迭代(iteration reach limitation) 出现这种故障的原因:  一般都是代码里出现的组合逻辑无限循环或者组合逻辑A产生signal_A,signa ...

  6. android之模拟器更新底层

    Android源码修改,编译后得到system.img 替换\AndroidSDK\system-images\android-21\android-tv\armeabi-v7a\目录中的system ...

  7. oracle数据库不支持mysql中limit功能

    oracle数据库不支持mysql中limit功能,但可以通过rownum来限制返回的结果集的行数,rownum并不是用户添加的字段,而是oracle系统自动添加的. (1)使查询结果最多返回前10行 ...

  8. SonarQube(5.0.1) 环境的安装配置

    SonarQube 安装步骤 确定 JDK 和 MySQL 已经成功安装. 下载 SonarQube 及工具 SonarQube Runner,下载地址:http://www.sonarqube.or ...

  9. 用ASP取出HTML里面的图片地址的函数

    用ASP取出HTML里面的图片地址的函数主要原理就是用正则判断的属性.这在采集程序中将非常有用. 函数如下: 以下是引用片段: Function ShowPic(str) Set objRegExp ...

  10. Word 2010巧妙绘制各种分割线的方法（图文）

    引用: 使用Word编辑文档时,可能为了使某些内容醒目显示,或者为了使文档内容显示的更美观.更有层次感,需要为文档添加一些分割线,如添加下框线.插入水平线.使用特殊符号快速绘制分割线等等.在Word ...