Razor语法

最新推荐文章于 2020-07-05 15:30:10 发布

原创最新推荐文章于 2020-07-05 15:30:10 发布 · 282 阅读

0 ·

CC 4.0 BY-SA版权

.netMVC3 专栏收录该内容

7 篇文章

订阅专栏

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

1.ASP.NET MVC3必要的运行环境为.NET 4.0 (想在3.5用MVC3,没门!)

2.默认MVC3模板项目已集成

3.全新的Razor视图引擎

 
    @{
 
        ViewBag.Title = "Home Page";
 
    }
 
    <h2>@ViewBag.Message</h2>
 
    <p>
 
        To learn more about ASP.NET MVC visit 
 
        <a href="http://asp.net/mvc" title="ASP.NET MVC Website">
 
            http://asp.net/mvc
 
        </a>.
 
        @ServerInfo.GetHtml()
 
    </p>

4. 关于所有带"_"开头的文档

ASP.NET MVC3默认情况下会拒绝所有访问地址以"_"开头的_*.cshtml文档.关于_*.cshtml文档,其实他是WebPages中的一部分,稍后将会详细介绍该以"_"文档的使用说明.
例如访问 http://localhost:7985/_ViewPage1.cshtml

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

-基础-

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

如需要在页面输出”@”字符
可以使用HTML ASCII编码@
当然Razor也提供智能分析功能: 如果在@的前一个字符若是非空白字符,则ASP.NET不会对其进行处理
如:text@i xx 输出 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; }
text @i text 将输出 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指出)如:
text @i.ToString()text
使用变量对象可直接写: @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#默认的 -->
 
    @{
 
    }

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

}
输出: >

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同理-->