7.1 Razor视图引擎语法

Razor通过理解标记的结构来实现代码和标记之间的顺畅切换。

@核心转换字符,用来 标记-代码 的转换字符串。

语境A:

@{

string rootName="GZCZ";

}

<span>@rootName.Models</span> 错误

<span>@(rootName).Models</span>

语境B:

<span>JamesZou@Itcast.us</span> 通过,因为@前面没有空格

<span>JamesZou @Itcast.us</span>不通过,因为@前面有空格

7.2 Razor表达式自动使用了HTML编码 (√)

代码:razorView.cshtml(html输出)
代码:razorView.cshtml(html输出)

<div>
<!--7.1 输出html字符串(自动转义输出字符串中的<>)-->
@{
string html = "<input type='text'></input>";
}
@html <!--7.2 输出html字符串(不转义)-->
@Html.Raw(html)
</div>

7.3 js代码防止转义

<script>
alert("@Ajax.JavaScriptStringEncode(ViewBag.htmlStr)")
</script>

7.4 代码块

<!--7.4 代码块-->
@{string s = "Hi~";
int age = 11;
}

7.5 无返回值方法,在当前视图中传递参数给另一个视图(√)

<!--7.5 调用无返回值方法,要加大括号 && 在当前视图中传递参数 给另一个视图-->
@{ViewData["partData"]="幻影车神3";}
@{Html.RenderPartial("~/Views/Home/First.cshtml");}
<!--7.5 调用有返回值方法,不用加大括号 && 因此@后直接跟变量或带返回值方法-->
@Html.TextBox("12121212")
~/Views/Home/First.cshtml
~/Views/Home/First.cshtml

@{
Layout = null;
} <!DOCTYPE html> <html>
<head>
<meta name="viewport" content="width=device-width" />
<title>First</title>
</head>
<body>
<div>
@for (int i = 0; i < 10; i++)
{
<div style="background:#00ffff">222</div> //这里是从~/Views/Students/razorView.cshtml传递过来的ViewData["partData"]
@ViewData["partData"]
} </div>
</body>
</html>

7.6 注释

<!--7.6 注释-->
@*哈哈哈哈哈*@

7.7 在C#代码块中直接输出字符串文本(√)

<!--7.7 在C#代码块中直接输出字符串文本-->
@{
//1.<text>
<text>一行白鹭上青天</text>
//2.@:
@:千里江陵一日还
}

7.8 @@转移

<!--7.8@转义-->
@@包租婆,没水啦~~~

7.9 调用泛型方法

调用泛型方法,需要特殊语法:加上一对小括号:

@(Html.SayHi<string>())

了解:

数据类型转换

用As....()方法转换,如:@("211".AsInt())

数值类型判断

用IsInt()方法,如 @(strAge.IsInt()?"是":"否")

路径转换

用Href()方法,如: @Href("~/Home/Index");

7.10 HtmlHelper重用:相当于是在 视图中 定义 方法

作者:唐三三
出处:http://tangge.cnblogs.com

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

MVC – 7.Razor 语法的更多相关文章

  1. mvc 4 razor语法讲解和使用

    1.这里的  @{Layout="文件路径";}  代码块指定了整个项目默认所使用的布局文件(如图:) @RenderBody()对于所有的页面默认的情况下都会使用这个布局(Web ...

  2. MVC之Razor语法

    Razor是MVC3中才有的新的视图引擎.我们知道,在ASP.NET中,ASPX的视图引擎依靠<%和%>来调用C#指令.而MVC3以后有了一套新的使用@标记的Razor语法,使用起来更灵活 ...

  3. 从项目经理的角度看.net的MVC中Razor语法真的很垃圾.

    我们知道,Razor语法中我们可以直接使用@if(){}等代码段,这使得.net程序员在写模版时更容易了. 对比如下: 语法名称 Razor 语法 Web Forms 等效语法 代码块(服务端) @{ ...

  4. 【转载】【MVC 学习 Razor语法】

    Razor是MVC3中才有的新的视图引擎.我们知道,在ASP.NET中,ASPX的视图引擎依靠<%和%>来调用C#指令.而MVC3以后有了一套新的使用@标记的Razor语法,使用起来更灵活 ...

  5. MVC之——Razor语法

    实例产品基于asp.net mvc 5.0框架,源码下载地址:http://www.jinhusns.com/Products/Download View里所有以@开头或@(/*代码*)的部分代码都会 ...

  6. MVC – 7.Razor 语法

    7.1 Razor视图引擎语法 Razor通过理解标记的结构来实现代码和标记之间的顺畅切换. @核心转换字符,用来 标记-代码 的转换字符串. 语境A: @{ string rootName=&quo ...

  7. ASP.NET MVC 3 Razor 语法

    1.   三元运算符 1)   输出文本 1.   View var var1 = '@(1 < 2 ? "YES" : "NO")'; var var2 ...

  8. Razor语法&ActionResult&MVC

    Razor代码复用 mvc 4 razor语法讲解和使用 了解ASP.NET MVC几种ActionResult的本质:EmptyResult & ContentResult 了解ASP.NE ...

  9. ASP.NET Core 中文文档 第四章 MVC(3.2)Razor 语法参考

    原文:Razor Syntax Reference 作者:Taylor Mullen.Rick Anderson 翻译:刘怡(AlexLEWIS) 校对:何镇汐 什么是 Razor? Razor 是一 ...

随机推荐

  1. JS判断设备的类型

    利用JS判断浏览器的用户代理,从而获得设备类型.利用这个方法可以获得用户的设备是移动设备还是PC设备.     JS代码如下:       function browerType() {       ...

  2. Hello,World

    引用自http://www.cnblogs.com/jbelial/archive/2013/05/08/3067471.html#2676127 题目: 1 public class text { ...

  3. DMZ

    DMZ是英文“demilitarized zone”的缩写,中文名称为“隔离区”,也称“非军事化区”.它是为了解决安装防火墙后外部网络的访问用户不能访问内部网络服务器的问题,而设立的一个非安全系统与安 ...

  4. javascript最容易混淆的作用域、提升、闭包

    一.函数作用域 1.函数作用域 就是作用域在一个“Function”里,属于这个函数的全部变量都可以在整个函数的范围内使用及复用. function foo(a) { var b = 2; funct ...

  5. centos 6.5 u盘 安装问题 :vesamenu.c32: Not a COM32R image

    大致可以参考这里:http://www.computerandyou.net/2012/03/how-to-solve-vesamenu-c32-not-a-com32r-image-error-in ...

  6. Idea反向生成JavaBean

    创建数据库

  7. 教程和工具--用wxPython编写GUI程序的

    wxPython是个很好的GUI库,对底层的C++库进行了封装,调用起来很方便,尤其是操作前台UI界面和后台多线程,两者配合很方便,做GUI程序最难是写界面尤其是布局. 关于wxPython,自己正在 ...

  8. ajax调用aspx.cs中的WebMethod

    前台: <script language="javascript" src="../js/jquery-1.8.2.js"></script& ...

  9. Largest BST Subtree

    Given a binary tree, find the largest subtree which is a Binary Search Tree (BST), where largest mea ...

  10. lol 正在刷leetcode

    letcode easy 刷了90%了 我要写个随笔庆祝下 挑着做的太不要脸了,接下来要做剩下的了 :) 剩下的决定直接参考答案了 :) 有些答案看着也好迷糊.水平太差了.(英文水平差,看不懂题目.. ...