ASP.NET MVC3 Razor視圖引擎-基礎語法

作者: dotNetDR_  來源: 博客園  發布時間: 2011-04-12 10:48  閱讀: 29778 次  推薦: 18   原文鏈接   [收藏]  

  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視圖引擎

 
@{
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 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編碼&#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> 將報錯

  如果是輸出的是變量的方法名則不需要用@{}括住也可生效如:

 
<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
}
}
<!--while同理--
>

  到此結束!呼呼。

18
0
 
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()