首页 > 代码库 > Razor的使用

Razor的使用

Razor可以识别尖括号,且关键词是@,默认情况下会对输出的html代码进行转义

1.C#代码 用 @ 加 中括号 包起来

@{    for (int i = 0; i < 5; i++)    {         <h3>C#语句块要用大括号 括起来</h3>    } }

2.Razor输出要使用小括号

<div>@(ViewBag.Dog).Dog</div>输出 结果为:<br/>
<div>gougou.Dog</div>

3.定义一个匿名类变量,并调用

@{    //定义一个 匿名类 变量     var qq = new {com = "126"}; }<!--在@符号前面必须要有空格,否则Razor引擎无法识别—>
<div>Kim@qq.com</div>
<div>Kim @qq.com</div>

4.输出字符串

4.1直接使用 @变量 输出 变量内容

@qq.com

4.2代码块 使用Response.Write 输出 字符串

@{    //会在 页面最前端 输出     Response.Write(qq.com); }

5.输出html字符串

先定义一个html

@{    string strHtml = "<input type=‘text‘/>";}

5.1使用 @变量 输出

<!-- Razor 默认会自动 转义 输出字符串中的尖括号—>
@strHtml

5.2使用Response.Write() 输出 html

@{    <!-- Response输出 html,缺点Response.Write的内容 都会在页面最上面-->    Response.Write(strHtml);}

5.3使用Html.Raw方法 输出 不转义的html ,该方法会返回一个HTMLString对象

@Html.Raw(strHtml)

5.4使用HTMLString 输出不转义的html

@{    HtmlString htmlRaw=new HtmlString("<input type=‘button‘ value=http://www.mamicode.com/‘按钮‘/>");    //输出 不转义 html    @htmlRaw<br/>    //输出 转义 html    @htmlRaw.ToHtmlString()}

5.5使用MVCHtmlString的 静态方法Create 输出 不转义的 html

@{     HtmlString strHtml2=new MvcHtmlString("<input type=‘radio‘/>");     @strHtml2}

6.在视图中 声明 方法 ,并 调用 方法;@helper是关键字

<!--声明SayHi方法 返回一个 带div的字符串-->@helper SayHi(string name)
{     <div style="border:1px solid red">name,你好啊</div>
}
<!--调用SayHi方法—>
@SayHi("Kim")

6.1在当前视图中 调用 另一视图 ,并向该视图 传参数

注意:在当前视图中 调用 无返回值的方法,必须要加上大括号

<!--给视图PartTargetView.cshtml传参数 ,在该视图中可以调用-->@{ ViewData["partData"] = "小明";}
@{Html.RenderPartial("~/Views/Home/PartTargetView.cshtml");}

6.2在视图中 调用 @带返回值的方法,不需要加大括号,输出方法的返回值

@Html.TextBox("txtName")

6.3调用泛型方法 需要 加大括号

@{ShowObj<object>()}

7.注释的几种方法

7.1块注释

@*    这是块注释
*@

7.2行注释

@{    //这是行注释
}

8.在 C#代码块中 输出 文本

@{    <div>我爱编程</div>    <!-- 方式一 使用 Razor内置标签 <text>—>    <text>编程很快乐</text>    <!--方式二 使用@冒号文本-->    @:编程成就梦想
}

9.在视图中 输出 @符号

@@看我被转义了

10.访问Razor内部对象属性

<!--查看源代码,Controller中包含很多其他东西—>
@Response
<!--As**()  表示 类型转换—>
@("114".AsInt())
<!--将服务器地址装换为浏览器地址,浏览器的根地址就是反斜杠 而此时服务器的根地址就是/—>
@Href("~/Home/Index")

Razor的使用