zoukankan      html  css  js  c++  java
  • Razor and ASP.NET MVC 3.0

    系列文章

    http://www.cnblogs.com/n-pei/archive/2011/01/23/1942711.html

    ASP.NET MVC 3.0学习系列文章—序

    Razor and ASP.NET MVC 3.0

     

    这篇文章主要介绍内容如下:

    image

      

    1.Introduction

    很多文章里都有介绍Razor,园子里也有很多文章介绍。推荐大家看看ScotGu的博客看看Razor的介绍。

    image

    2.Razor’s Goals

    a.Easy to use & easy to learn :

      为什么说Razor容易使用呢》首先是它简洁的语法,让我们在写View页面时更加容易,另外你用过Razor后或者是使用它作为View Engine来发布你的网站或者系统的话,你会发现Razor的所有方法都单独的放在了一个dll中,你很容易把你当前的网站 view engine转化为Razor view engine。比如你可以在你的asp.net webform项目中使用Razor,使用Razor语法来生成一些email发送的模板等。你只要有创造力,相信你会发现Razor的好用。 说Razor容易学习是因为它的语法相当简单,你只要会C#,并使用过Webform View Engine,很快你就能够学会Razor。

    b.No ties to ASP.NET runtime:

    没错,Razor不依赖asp.net runtime,它的model都是Dynamic类型的。

    c.Smart:

    与webform view engine 相比,Razor的语法更加smart,

    image 

    3.Creating A Simpler View

    现在我们定义一个简单的view,并输入如下内容:

    image

    现在我们未定义nicholaspei这个变量,但是还是可以通过编译的。运行结果:

    image

    运行报错,看提示信息是nicholaspei在上下文中不存在。 我们再进一步看看Razor是如何运行的,看看下面的详细错误信息:

    image

    是通过C#编译时报的异常。

    再看看下面更加详细的代码执行过程:

    image

    在这一行通过write来输入nocholaspei,编译器发现nicholaspei未定义,所以抛出异常。

    那么如果我想输出一个@nicholaspei如何实现呢?

    image

    修改View如上面代码所示:

    再次运行:

    image

    It’s work now……..Smile 

      

    4.Intermingling Code and Markup

    C#代码和HTML代码混合在一起。

    image

    我之前有两篇文章是介绍Razor语法的,你可以去学习它来看看Razor和html标记如何混合使用。

    http://www.cnblogs.com/n-pei/archive/2011/01/13/1934149.html

    http://www.cnblogs.com/n-pei/archive/2011/01/15/1936267.html

    这里不再啰嗦。

    5.Models and ViewData

    在Razor中很多都是Dynamic类型的。

    image

    上图是View的基类和WebViewPage的Generic类。

    a.image

    Model类型是动态的。

    来个例子说明:

    先创建一个类Instructor。定义如下:

    image

      

    我们使用HomeController来返回一个IEnumerable的Instructor 集合。。。

    先是准备数据:

    image

    Index部分的Controller部分:

    image

    View部分需要注意下,因为Model是Dynamic类型的。所以View的上面部分代码如下:

    image

    整个View的代码:

    image

    主意@model是动态的定义好Model,然后再foreach中使用Model。

    运行结果:

    image

    还有一点需要注意的是这里的Html.Raw()是可以显示html标记的。

    b. image

    在asp.net mvc 3中新增了ViewBag它本身也是个dynamic类型的。

    image

    我们可以看看它和ViewData有什么区别:

    Controller部分我们定义如下:

    image

    View部分你就可以看出来ViewData和ViewBag的区别了。

    image

    ViewDate中listColors是一个object所以我们需要先转化为List<string>,而在ViewBag中因为ListColors是Dynamic型的,所以可以直接使用。

    6.HTML Helpers

    目前所有的HTML Helpers都可以在Razor View Engine中使用,例如URL Helpers, AJAX Helpers,当然还在Asp.net Mvc 3中新增了些HTML Helpers。

    7.Partial Views

    Partial View部分,在Razor中新增了新的Helper方法:Html.Partial(ViewName,model);

    我们先定义一个View是Instructor:

    image

    修改index.cshtml,使用Html.Partial():

    image

    8.Layout Views

    在Razor中的Layout.cshtml相当于WebForm中的Master page.

    image

    其它的View主要是通过RenderBody()和RenderSection()来指定当前View在母版的显示位置。

    这里你可以看到有个RenderSection(“header”,required:false)这行代码,如果不添加required:false,那么你的header.cshtml这个View必须存在。

    9.Startup Code

    在View每次渲染前,都会执行_ViewStart.cshtml的代码:

    image

      

    10.Configuration

    关于Razor的配置,你可以看到它会在Web.Config中有一个单独的section来存放Razor的configuration:

    image

    如果你在其它例如web form中使用Razor,记得添加这部分配置。

    PS: 希望大家提出宝贵的意见来让我写的东西帮助更多人,让大家更容易理解和学习asp.net mvc 3。

    Nick

     

  • 相关阅读:
    互联网改变的产业 汽车 x 互联网 = 汽车革命
    我有一个实现HMI触摸屏的资源【4418开发平台】降d成本
    iTOP-4412开发板裸机开发环境文档分享
    2019年最受欢迎iTOP-4418开发板_新产品研发必备利器
    安卓触控一体机为什么得到大家认可?远比Windows系统一体机大受欢迎
    新手入门嵌入式学习单片机?stm32?树莓派?4412开发板资料大汇报-基础了解
    iTOP-4418开发板-Qt系统下运行摄像头测试程序
    iTOP-4418/6818开发板-QtE4.7WIFI_MT6620热点
    iTOP-4412开发板-使用PartitionManager分区之后tf卡无法识别
    迅为iTOP-4418/6818开发板-MiniLinux-GPS使用文档
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/1942858.html
Copyright © 2011-2022 走看看