ASP.NET视图引擎攻略

引子

在桂林等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站设计、网站建设网站设计制作按需求定制设计,公司网站建设,企业网站建设,成都品牌网站建设,营销型网站,成都外贸网站建设,桂林网站建设费用合理。

看下面一段MVC 2.0的代码。

 
 
 
 
  
  
  
  <%if (Model != null)    
  
  
  {%>   
  
  
   <%＝Model%>
   
  
  
  <%}%>   
  
  
  <%else    
  
  
  {%>   
  
  
   //Do something    
  
  
  <%}%>

我们站在一个读者的立场上来看，”<% %>“这种标记C#代码的方法是十分蛋疼的。

如果写这段代码的人没有良好的缩进和对齐习惯的话，一段逻辑较为复杂的代码就会堆砌着杂乱无章的"<%“和"%>"--匹配它们就是一件头疼的事情，会让读者望而生畏。

即使是写代码的本人，闭合也是一件麻烦的事情，并且VS对”<% %>“的自动缩进和对齐支持不很友好，看惯了整齐的代码，面对自己写出的凌乱的东西会很不爽。

随着MVC 3.0的发布，新的Razor视图引擎解决了这个问题。

Razor的意思的就是剃刀，可见它灰常犀利。引言中的代码，我们用Razor的语法来写的话:

 
 
 
 
  
  
  
  @if (Model != null)　　    
  
  
  {    
  
  
    @Model
   
  
  
  }    
  
  
  else    
  
  
  {    
  
  
      //Do something     
  
  
  }

Razor使用了"@"来标记一段C#代码，并帮我们进行了内部的闭合，是不是感觉清爽多了?

Razor在减少代码冗余、增强代码可读性和vs 智能感知方面，都有着很大的优势。下面我们来具体的介绍如何在ASP.NET MVC 3.0中使用Razor。

一，创建基于Razor的Web程序

首先你的开发环境必须安装.NET Framework4.0，然后在VS中新建项目时选择ASP.NET MVC 3 应用程序，在选项页面中选择视图引擎为Razor，如图1:

　　图1

然后创建项目，就会得到一个基于Razor的Web项目了，如图2。　　

　　　图2

相信熟悉MVC的看官们对此结构并不陌生。注意红框部份，Razor的页面是以cshtml为后缀的，下面我们来讲下如何使用Razor来进行页面布局。

二，使用Razor来进行页面布局

UI设计师们现在也讲究页面设计的语义化和结构化，把一个页面分成很多个模块，使用语义化的类名或id来标识这些模块。Razor推出了新的布局解决方案来迎合这一潮流。

这里涉及到Razor的一些语法，大家可以不深究"@"后面的内容，讲到页面布局，你只要专注与HTML代码就可以了。语法会在后面补充。

1.指定母版与加载机制

首先我们来看_ViewStart.chhtml页面，它的内容很简单:

 
 
 
 
  
  
  
  @{    
  
  
      Layout = "~/Views/Shared/_Layout.cshtml";    
  
  
  }

这句代码指定了默认的母版的位置: 当前应用程序根目录下<"~"的含义>的Views/Shared/_Layout.cshtml

除非特殊情况，比如视图是Partial视图，或显示的在视图中添加以下代码指示不使用母版:

 
 
 
 
  
  
  
  @{    
  
  
      Layout = null;    
  
  
  }

其他情况下，该指定页就是视图的母版页。

然后我们来看看Razor母版页_Layout.cshtml的内容:

 
 
 
 
  
  
  
     
  
  
     
  
  
     
  
  
     
  
  
     
  
  
      @ViewBag.Title   
  
  
         
  
  
         
  
  
     
  
  
     
  
  
     
  
  
         
  
  
             
  
  
                 
  
  
                  我的 MVC 应用程序

欢迎 @User.Identity.Name!

@{
ViewBag.Title = "主页";
}
@ViewBag.Message
若要了解有关 ASP.NET MVC 的更多信息，请访问 http://asp.net/mvc。

我的 MVC 应用程序
欢迎 @User.Identity.Name!
@Html.ActionLink("主页", "Index", "Home")
@Html.ActionLink("关于", "About", "Home")

@ViewBag.Title
@Html.Partial("_HeaderPartial")
@RenderBody()
@Html.Partial("_FooterPartial")

@｛
var product=new product();
product.Name="pen";
product.Price=1.00;
@product.Name

@product.Price
｝

@{
var product=new product();
product.Name="pen";
//product.Price=1.00;
@product.Name
@*
@product.Price
*@
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using JohnConnor.Data;
namespace JohnConnor.Web.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{
var products = new List()
{
new Product{ Name="钢笔", Price=11.55M},
new Product{ Name="铅笔", Price=2.17M},
new Product{ Name="圆珠笔", Price=5.98M},
};
return View(products);
}
}
}

@using JohnConnor.Data;
@model List
@{
ViewBag.Title = "主页";//母版中ViewBag.Title用于绑定Title标签，这里进行赋值。
}
Razor
@foreach (var product in Model)
{
//遍历所有的产品
}

ASP.NET视图引擎攻略

我的 MVC 应用程序

@ViewBag.Message

我的 MVC 应用程序

Razor