1、写代码块
@{
}
2、在代码块中写文字,文字开头要加@:
@{
var name="will";
@:你好,我是 @name
}
3、在html标签写代码(加@符号)
<p>@i=4</p>
4、标签连接到拿去,如果要连接到第三方网站,需要加协议,不加协议,默认是访问controller中的Action
<a href="http://www.baidu.com">跳转到百度</a> //可以访问到百度
<a href="www.baidu.com">跳转到百度</a> //不可以访问到百度,没有加协议
5、if代码块
@if(){
}else{
}
6、foreach代码块
@foreach(){
}
7、Razor语法的陷阱`
您好,@ViewBage.Name先生
//这段语法最终会输出您好,“@ViewBage.Name先生”不见了,因为Razor把“@ViewBage.Name先生”当成了C#语法,把“Name先生”当成了“ViewBage”的属性
//方法加一个括号
您好,(@ViewBage.Name)先生
8、@helper辅助方法
@foreach(var item in Model) {
<tr>
<td>
@item.Name
</td>
<td>
@item.Description
</td>
<td>
@item.Price
</td>
</tr>
}
//希望Price为0的时候显示免费
//传统做法
@foreach(var item in Model) {
<tr>
<td>
@item.Name
</td>
<td>
@item.Description
</td>
<td>
@if(item.Price==0){
@:免费
}else{
@item.Price
}
</td>
</tr>
}
//@helper辅助方法
@helper showprice(var price ){
if(price==0){
@:免费
}else{
@price
}
}
@foreach(var item in Model) {
<tr>
<td>
@item.Name
</td>
<td>
@item.Description
</td>
<td>
showprice(@item.Price)
</td>
</tr>
}
9、@model模型参数绑定
10、@using引用命名空间
11、@Html.ActionLink(代替a标签)
注意:如果路径中不写控制器,默认调转到当前视图的控制器
12、分部视图(partial view),共用的partial view放在Views/shared目录下
12.1、添加一个分部视图
12.2、@Html.Partial载入一个分部视图
//利用@Html.Partial()方法载入,第一个参数是分部视图的名称,第二个参数是传给分部视图的参数,
//参数的类型是object类型
@Html.Partial("PagePartial","这是一个分部视图")
12.3、分部视图显示传过来的参数(利用模型绑定)
@model string
<h1>@Model</h1>
12.4、@Html.Action载入一个分部视图(通过控制器载入一个视图)`
@Html.Action()会去请求一个控制器,这个控制器返回一个分部视图,与@Html.Partial不同的是,@Html.Action()经过了控制器,可以做一些逻辑处理
public static MvcHtmlString Action(this HtmlHelper htmlHelper, string actionName,
string controllerName, RouteValueDictionary routeValues);
//最后一个参数是一个json对象,是页面传给控制器的参数
可以在返回局部视图的控制器上,加上[ChildActionOnly],加上这个注解以后,这个控制器,就不能直接访问了,需要在页面通过@Html.Action()进行访问
13、Razor扩展()自定义Razor方法
13.1、首先在根目录下新建一个文件夹Helpers
13.2、在Helpers文件夹下新建静态类和静态方法,自定义的方法必须是静态方法,且放在静态类里
//定义一个Razor扩展方法
public static class ImageHelper
{
public static MvcHtmlString Img(this HtmlHelper helper, string url, string alternateText, string title) {
return MvcHtmlString.Create(String.Format("<image src='{0}' alt='{1}' title='{2}' />", url, alternateText, title));
}
}
//或者也可以这样定义
public static MvcHtmlString Br(this HtmlHelper helper,String url) {
var builder = new TagBuilder("image");//定义标签
builder.MergeAttribute("src", url);//拼接属性
return MvcHtmlString.Create(builder.ToString(TagRenderMode.SelfClosing));
}
//页面使用自定义的扩展方法
@Html.Img("/Image/2021.png","123456","你好2021")
注意:使用自定义的Razor方法,需要首先引入,自定义方法所在的命名空间