[转载]ASP.NET MVC3 Razor视图引擎-基础语法

[转载]ASP.NET MVC3 Razor视图引擎-基础语法 - dotNetDR_ 深圳 点燃象征希望的烛光 - 博客园.

I:ASP.NET MVC3在Visual Studio 2010中的变化

在VS2010中新建一个MVC3项目可以看出与以往的MVC2发生了很明显的变化

image

1.ASP.NET MVC3必要的运行环境为.NET 4.0 (想在3.5用MVC3,没门!)
2.默认MVC3模板项目已集成

image

3.全新的Razor视图引擎

[html]
@{

ViewBag.Title = "Home Page";

}

@ViewBag.Message

To learn more about ASP.NET MVC visit

http://asp.net/mvc

.

@ServerInfo.GetHtml()

[/html]
4. 关于所有带"_"开头的文档

ASP.NET 4默认情况下会拒绝所有访问地址以"_"开头的_*.cshtml文档.关于*.cshtml文档,其实他是WebMatrix的一部分,稍后将会详细介绍该以"_"文档的使用说明.

例如访问 http://localhost:7985/_ViewPage1.cshtml

image

II:Razor视图引擎-基础语法

-基础-

所有以 @开头 或 @{ /* 代码体 */ }  (在@与{直接不得添加任何空格) 的部分代码都会被ASP.NET引擎进行处理.
在 @{ /*代码体*/ } 内的代码每一行都必须以";"结束,如
@{
var i = 10;
var y = 20;
}
而 @xxx 则不需要以";"作为结束符,如

@i 输出 10

@y; 输出 20;
代码区内字母分大小写.
字符类型常量必须用""括起例如: @{ string str = "my string"; }

-注意-

如需要在页面输出”@”字符
可以使用HTML ASCII编码@
当然Razor也提供智能分析功能: 如果在@的前一个字符若是非空白字符,则ASP.NET不会对其进行处理

如:<p>text@i xx</p> 输出 text@i xx

单行语法:

@{ var I = 10; }
多行语法:
[csharp]
@{

var I = 10;

Var y = 20;

}
[/csharp]
1. 使用局部变量,Razor不支持访问修饰符(public,private等,这个没任何意义)
在单行上定义局部变量
@{ var total = 7; }
@{ var myMessage = "Hello World";}
在多行上定义局部变量
[csharp]
@{

var greeting = "Welcome to our site!";

var weekDay = DateTime.Now.DayOfWeek;

var greetingMessage = greeting + " Today is: " + weekDay;

}
[/csharp]
在上下文中使用变量
[csharp]

The value of your account is: @total

The value of myMessage is: @myMessage

[/csharp]
注意:变量拼接输出

@{ var i = 10; }

text @i text

将输出 text 10 text
但是如果你想要输出 text10text 呢?
[csharp]

text@{@i}text

即可

text@i text

将输出 text@i text

text@itext

将输出 text@itext

text @itext

将报错
[/csharp]
如果是输出的是变量的方法名则不需要用@{}括住也可生效如:

text@i.ToString()text

使用变量对象可直接写: @var1 @var2 @myObject.xx

2. 使用逻辑处理
[csharp]
@{

if (xx)

{

//do something

}

else

{

//do anything

}

}
[/csharp]
3. 在@{... }内部使用html标记
[csharp]
@{

text

div1

}
[/csharp]
4. 在@{...}内部输出文本
利用@:进行单行输出:
[csharp]
@{

@:This is some text

@:This is text too

@:@i 也可输出变量

}
[/csharp]
利用进行多行输出:
[csharp]
@{

tomorrow is good

some girl is nice

}
[/csharp]
5. 在@{...}内部使用注释
[csharp]
@{

//单行注释

var i = 10;

//defg

}

@* 多行注释 *@

@*

多行注释

多行注释

*@

@{

@*

多行注释

多行注释

*@

var i = 10; @* asdfasf *@

}

@{

/*

多行注释

*/

}
[/csharp]
若在@{ ... }内部使用注释,则会输出到页面之中,如果在内部使用@变量,则会被处理
@{


}
输出:

6. 类型转换
AsInt(), IsInt()
AsBool(),IsBool()
AsFloat(),IsFloat()
AsDecimal(),IsDecimal()
AsDateTime(),IsDateTime()
ToString()
例子:
[csharp]
@{

var i = “10”;

}

i = @i.AsInt()


[/csharp]
7. 使用循环
[csharp]

@for (int i = 10; i < 11; i++) { @:@i }

@{

for (int i = 10; i < 11; i++) { //do something } }
[/csharp]
到此结束!呼呼
声明: 本文版权归作者和博客园共有,转载必须保留此段声明。