请注明转载地址：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. Forms and actions

    Forms and actions Adding new albums We can now code up the functionality to add new albums. There ar ...

  2. Android（java）学习笔记137：Android中SimpleAdapter，ArrayAdapter和BaseAdapter常见的适配器

    1.SimpleAdapter(BaseAdapter子类扩展类): simpleAdapter的扩展性最好,可以定义各种各样的布局出来,可以放上ImageView(图片)等.可以显示比较复杂的列表, ...

  3. [置顶] operator overloading(操作符重载，运算符重载)运算符重载,浅拷贝(logical copy) ,vs, 深拷贝(physical copy)

    operator overloading(操作符重载,运算符重载) 所谓重载就是重新赋予新的意义,之前我们已经学过函数重载,函数重载的要求是函数名相同,函数的参数列表不同(个数或者参数类型).操作符重 ...

  4. 关于Extjs使用window.opener报错

    项目中使用window.opener 刷新父窗口表格,父窗口表格IE8报错, window.opener.Ext.getCmp('SalesCompanyGridPanel').getStore(). ...

  5. Java parseInt_使用此方法得到的原始数据类型的一个特定的字符串

    Java parseInt解释加方法示例     使用此方法得到的原始数据类型的一个特定的字符串. parseXxx()是一个静态方法,可以有一个参数或两个         java parseInt ...

  6. 在jsp中获取服务器端的时间

    以前只知道在js中这样写:var date = new Date() : 但是这得到的是客户浏览器的时间,并不是服务器的时间. 当然可以通过在Java文件中添加属性,再在js中通过document.g ...

  7. IOS之swift第一课基础代码

    import Foundation //import Foundation 导入模块,专业术语也是导入 包,库的 意思. var str = "Hello World" //声明一 ...

  8. JS中null与undefined的区别

    1.typeof操作符 用来检测变量的数据类型 例:typeof 3.14 //返回number typeof [1,2,3]  //返回object 2.null 只有一个值的特殊类型,表示一个空对 ...

  9. .net链接Oracle数据操作类库

    public abstract class OracleHelper { public OracleHelper() { } /// <summary> /// 数据库连接字符串 /// ...

  10. 重置mysql管理员密码

    重置管理员密码 1.关闭mysql 2.开启mysql,跳过授权表mysql服务 提示:如果此步骤操作成功,那么任何用户登陆MySQL都不需要用户名与密码 保持此窗口不能关闭 3.重新cmd,登陆 m ...