Razor语法

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; }

　　多行语法：

@{
var I = 10; Var y = 20;
}

　　1. 使用局部变量,Razor不支持访问修饰符(public,private等,这个没任何意义)

　　在单行上定义局部变量：

@{ var total = 7; }
@{ var myMessage = "Hello World";}

　　在多行上定义局部变量：

@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}

　　在上下文中使用变量：

< p > The value of your account is: @total </ p >
< p > The value of myMessage is: @myMessage </ p >

　　注意：变量拼接输出。

@{ var i = 10; }
< p > text @i text </ p >
将输出 text 10 text

　　但是如果你想要输出 text10text 呢?

< p > text@{@i}text </ p > 即可
< p > text@i text </ p > 将输出 text@i text
< p > text@itext </ p > 将输出 text@itext
< p > text @itext </ p > 将报错

　　如果是输出的是变量的方法名则不需要用@{}括住也可生效如：

< p > [email protected]()text </ p >

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

　　2. 使用逻辑处理

@{
if (xx)
{
//do something
}
else
{
//do anything
}
}

　　3. 在@{... }内部使用html标记

@{
< p > text </ P >
< div > div1 </ div >
}

　　4. 在@{...}内部输出文本

　　利用@:进行单行输出：

@{
@:This is some text
@:This is text too
@:@i 也可输出变量
}

　　利用<text />进行多行输出：

@{
< text >
tomorrow is good
some girl is nice
</ text >
}

　　5. 在@{...}内部使用注释

@{
//单行注释
var i = 10;
//defg
}
@* 多行注释 *@
@*
多行注释
多行注释
*@
@{
@*
多行注释
多行注释
*@
var i = 10; @* asdfasf *@
}
<-- 同时也可以使用C#默认的/* ... */ -->
@{
/*
多行注释
*/
}

　　若在@{ ... }内部使用<!-- -->注释,则会输出到页面之中,如果在<!-- -->内部使用@变量,则会被处理：

@{
<!-- time now: @DateTime.Now.ToString() -->
}
输出: <!-- time now: 4/9/2011 12:01 -->

　　6. 类型转换

　　AsInt(), IsInt()
　　AsBool(),IsBool()
　　AsFloat(),IsFloat()
　　AsDecimal(),IsDecimal()
　　AsDateTime(),IsDateTime()
　　ToString()
　　例子:

@{
var i = “10”;
}
< p > i = @i.AsInt() </ p > <!-- 输出 i = 10 -->

　　7. 使用循环

<!-- 方式1 -->
@for (int i = 10; i < 11 ; i++)
{
@:@i
}
<!--方式2-- >
@{
for (int i = 10; i < 11 ; i++)
{
//do something
}
}
<!--while同理-- >

 

1. RenderBody
在Razor引擎中没有了“母版页”，取而代之的是叫做“布局”的页面（_Layout.cshtml）放在了共享视图文件夹中。在这个页面中，会看到标签里有这样一条语句：
@RenderBody()
其实它的作用和母版页中的服务器控件类似，当创建基于此布局页面的视图时，视图的内容会和布局页面合并，而新创建视图的内容会通过布局页面的@RenderBody()方法呈现在标签之间。
这个方法不需要参数，而且只能出现一次。

2. RenderPage
从名称可以猜出来这个方法是要呈现一个页面。比如网页中固定的头部可以单独放在一个共享的视图文件中，然后在布局页面中通过这个方法调用，用法如下：
@RenderPage(“~/Views/Shared/_Header.cshtml”)
@RenderBody()
代码简洁直观，另外似乎带下划线的视图文件有特殊含义.

3. RenderSection
布局页面还有节（Section）的概念，也就是说，如果某个视图模板中定义了一个节，那么可以把它单独呈现出来，用法如下：
@RenderPage(“~/Views/Shared/_Header.cshtml”)
@RenderBody()
@RenderSection(“footer”)
当然还要在视图中定义节，否则会出现异常：
@section footer {
    Footer Here
}
为了防止因缺少节而出现异常，可以给RenderSection()提供第2个参数：
@RenderSection(“footer”, false) 第二个参数代表它不是必须的，就不会抛出异常

当我在母版页中定义了@RenderSection("SubMenu",false)的时候，我希望当所有子页都没有实现这个Section的时候，母版页可以有自己的呈现内容，就可以用
 <div id="sideBar">
       @if (IsSectionDefined("SubMenu"))
        {
            @RenderSection("SubMenu", false)
        }
        else
        {
            <p>SubMenu Section is not defined!</p>
        }
 </div> 这样当没有任何页面呈现Section的时候，就会默认显示定义的内容。

还有一种比较灵活的方法,通过扩展方法来实现
 public static class Utility
    {
        public static HelperResult RenderSection(this WebPageBase page, string sectionName, Func<object, HelperResult> defaultContent)
        {
            if (page.IsSectionDefined(sectionName))
            {
                return page.RenderSection(sectionName);
            }
            else
            {
                return defaultContent(null);
               
            }
        }
    }

 在母版页中@this.RenderSection("SubMenu", @<div>default section content</div>)
 OK了！没有呈现Section时，就默认显示<div>default section content</div>.

4.Razor视图引擎-基础语法
所有以 @开头 或 @{ /* 代码体 */ } (在@与{直接不得添加任何空格) 的部分代码都会被ASP.NET引擎进行处理.
在 @{ /*代码体*/ } 内的代码每一行都必须以";"结束,如
@{
    var i = 10;
    var y = 20;
}
而 @xxx 则不需要以";"作为结束符,如
@i 输出 10
@y; 输出 20;
代码区内字母分大小写.
字符类型常量必须用""括起例如: @{ string str = "my string"; }

当然Razor也提供智能分析功能: 如果在@的前一个字符若是非空白字符,则ASP.NET不会对其进行处理

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

单行语法:

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

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

@{ var greeting = "Welcome to our site!"; var weekDay = DateTime.Now.DayOfWeek; var greetingMessage = greeting + " Today is: " + weekDay;}
在上下文中使用变量

<p>The value of your account is: @total </p><p>The value of myMessage is: @myMessage</p>
注意:变量拼接输出

@{ var i = 10; }

<p>text @i text</p> 将输出 text 10 text
但是如果你想要输出 text10text 呢?

<p>text@{@i}text</p>即可<p>text@i text</p> 将输出 text@i text<p>text@itext</p> 将输出 text@itext<p>text @itext</p> 将报错如果是输出的是变量的方法名则不需要用@{}括住也可生效,但注意在@字符前记得加空格(感谢spook指出)如:
<p>text @i.ToString()text</p>
使用变量对象可直接写: @var1 @var2 @myObject.xx

使用逻辑处理

@{ if (xx) { //do something } else { //do anything }}3. 在@{... }内部使用html标记

@{ <p>text</P> <div>div1</div>}4. 在@{...}内部输出文本
利用@:进行单行输出:

@{ @:This is some text @:This is text too @:@i 也可输出变量}利用<text />进行多行输出:

@{ <text> tomorrow is good some girl is nice </text>}5. 在@{...}内部使用注释

@{ //单行注释 var i = 10; //defg} @* 多行注释 *@ @* 多行注释 多行注释 *@ @{ @* 多行注释 多行注释 *@ var i = 10; @* asdfasf *@} <!-- 同时也可以使用C#默认的/* ... */ --> @{ /* 多行注释 */}若在@{ ... }内部使用<!-- -->注释,则会输出到页面之中,如果在<!-- -->内部使用@变量,则会被处理
@{

<!-- time now: @DateTime.Now.ToString() -->
}
输出: <!-- time now: 4/9/2011 12:01 -->

类型转换
AsInt(), IsInt()
AsBool(),IsBool()
AsFloat(),IsFloat()
AsDecimal(),IsDecimal()
AsDateTime(),IsDateTime()
ToString()
例子:

@{ var i = “10”;} <p> i = @i.AsInt() </p> <!-- 输出 i = 10 --> 7. 使用循环

<!--方式1-->@for (int i = 10; i < 11; i++){ @:@i}<!--方式2-->@{ for (int i = 10; i < 11; i++) { //do something }}

在页面中输出特殊字符，双引号和斜杠：
如果内容文字中要输出，反斜杠“\”，可以在文字前放一个“@”，类似C#一样处理；
如果内容文字中要输出，双引号““””，可以将内容文字中的双引号重复一次。