Razor視圖引擎語法 - caofangsheng－IT工程師數位筆記本

文章出處

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>RazorView</title>
</head>
<body>
    <div>
        @(ViewBag.cName).cName
    </div>
    <hr />
    <div>aa.CName</div>
    <hr />
    <!--輸出email-->
    <div>fangsheng@163.com</div>
    <hr />

    @{
        //匿名變量
        
        var qq = new { com = "163" };
        
    }

    <div>fangsheng @qq.com</div>
    <hr/>

    <!--輸出字符串1-->
    <div>@qq.com</div>
    <hr />

    <!--輸出字符串2-->
  @{
      
      Response.Write(qq.com);
  }
    <hr />

    <!--輸出HTML字符串-->
    @{
        
      string strhtml="<input type='text'/>";
    }
    @*razor視圖引擎會自動轉移輸出字符串中的<>*@
    @strhtml

    <!--輸出html ,缺點用這個 Response.Write方法，輸出跑到頁面最上方了-->
    @{
        Response.Write(strhtml);
    }
    <hr />

    @*還可以使用html幫助類的方法，來輸出控件*@
    @*使用html.raw方法輸出不轉義的html代碼 因為這個方法，返回的一個htmlstring對象*@
    @Html.Raw(strhtml)
    <hr />

    @*使用HtmlString方法輸出不轉義的html代碼*@
    @{
        
        HtmlString htmlRaw = new HtmlString("<input type='button' value='確定是htmlstring'/>");
        Response.Write(htmlRaw);
    }
    <hr />


</body>
</html>

上面是效果圖

這里還漏了一個，補上：

 <!--使用MvcHtmlString來輸出不轉義的html-->
      @{
          
        var htmlString=  MvcHtmlString.Create("<input type='text' value='haha'/>");
        @htmlString
      }