Razor視圖引擎基礎語法

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

}

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

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

    }

}