最新版本号[免费下载]

ASP.NET MVC3 系列教程 - Razor视图引擎基础语法

作者: 发布时间:2020-05-31 来源:本站原创 点击数:

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

在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编码&#64;
当然Razor也提供智能分析功能: 如果在@的前一个字符若是非空白字符,则ASP.NET不会对其进行处理
如:

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

单行语法:

@{ var I = 10; }

多行语法:

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

使用局部变量,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
    }
}

在`@{… }内部使用html标记

@{

text


div1

}
  1. 在@{…}内部输出文本
    利用@:进行单行输出:

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

@{

tomorrow is good
some girl is nice

}

本文责任编辑: 加入会员收藏夹 点此参与评论>>
复制本网址-发给QQ/微信上的朋友
AI智能听书
选取音色