asp.net mvc 之旅—— 第一站 从简单的razor入手

  记得2011年mvc3刚出来的时候,我们就有幸将 mvc3 用在我们团购项目上,当时老大让我们用一个星期时间来熟悉mvc,幸好园子里面的老朋友DR

正在写mvc3系列,也恭喜这个系列文章被整理成专题供后来者学习,详见:http://www.cnblogs.com/highend/archive/2011/08/04/aspnet_mvc3_

contents.html,2013年进携程的时候,也开心的看到公司正在将webform升级到mvc3,我们知道mvc在更新到3的时候相比之前已经有了重大的变革,

其中就包括新增的razor模版引擎,大家都知道razor语法简单,容易入手,相比之前的aspx模板在语法简易性上有了很大的提高,这篇就准备从razor入手。

 

一:随便看看几个razor语法

1. 你要会用 “单行和代码块语法输出”

<h1>
    第一种方式:</h1>
<hr />
@DateTime.Now.ToString()
<h1>
    第二种方式:</h1>
<hr />
@{
    var @dt = DateTime.Now.ToString();
}
@dt

2. 你要会用 “逻辑控制语句”

@for (int i = 0; i < 10; i++)
{
    <h1>@i</h1>
}
@if (DateTime.Now.Ticks / 2 == 0)
{

}
else
{

}

3. 你要会用 “内容标记块语法”

   用text或者@: 来标记内容块开始。

// 第一种方式
@if (true)
{
   @: 结束 @DateTime.Now.ToString()
}
<hr />

//第二种方式
@if (true)
{
   <text> 结束 @DateTime.Now.ToString() </text>
}

 

4.你要会用“将model从controller中传递到view”

 1. Controller代码

public class HomeController : Controller
    {
        public ActionResult Index()
        {
            var student = new Student() { Name = "ctrip", Age = 15 };

            return View(student);
        }

        public ActionResult About()
        {
            return View();
        }
    }

2. View代码

1 @model MvcApplication1.Models.Student
2
3
4 <h1>姓名: @Model.Name</h1>
5
6 <h1>年龄: @Model.Age</h1>

  

   好了,如果你知道上面四点的话,恭喜你,razor这辆车你基本上算是会开了。。。但是会开车不见得就懂车,下面我们来看看razor到底是什么???

 

二:剖析Razor

   我们知道C#是托管语言,既然是托管语言,那就需要将C#的代码编译成IL语言并封装到DLL中。。。对吧,同样的道理,Razor编译后也会生成

DLL。。。那下面一个问题来了,DLL在哪里?会是什么样的组织形式???

1. DLL在哪里?

  首先我们把实例代码跑起来,如下图:

 

然后查看Index.cshtml页面生成的临时文件:C:\Windows\Microsoft.NET\Framework\v4.0.30319\Temporary ASP.NET Files

     看到了没有,pdb已经见红了,这个所谓的App_Web_xxxx.dll 就是我们View生成的临时dll,下一步我们用ILSpy看看这个dll里面到底

有什么???

从上面的图中,我们大概看到如下几点:

第一:我们的Index.cshtml 对编译器来说仅仅是一个类(__Page_Views_Home_Index_cshtml)而已。。。毫无神秘之感。。。

第二:我们的Html标签,例如h1的展示,对编译器来说仅仅是调用WriteLiteral方法而已。。。

第三:我们的类是继承于WebViewPage<Student>,你要是够细心,你会发现这里的T(Student)正是我往View中塞的student实体。

 

三:深入追究

1. WebViewPage<TModel>类

  既然WebViewPage是基类,那下一个问题就比较好奇了,因为我们知道子类可以继承父类所有public的方法,对吧,那下一步我们就看

看这个类中有哪些方法?

从上图中是不是看到了两个有趣的属性,Html和Model。

1. Html

  首先我们知道它就是HtmlHelper类型,通常我们在Mvc中写html标签的方法有两种,第一种方法就是原生的html标签,还有一种那就是WebViewPage

提供的各种htmlhelper,是不是很有意思???

  

2. Model

   还记得我们在写View的时候,使用@Model.Name展示姓名,用@Model.Age来展示年龄,那这个Model就是WebViewPage定义的属性,对吧,

下面我们继续用ILSpy看看@Model是如何取值的!!!

 

从上图中我们可以看到取的原来是ViewData.Model。。。然后我们看看Controller中的View(object obj)中的obj是最后给谁传值的。。。

1         public ActionResult Index()
2         {
3             var student = new Student() { Name = "ctrip", Age = 15 };
4
5             return View(student);
6         }

通过上面的图,现在我们终于知道了。。。原来View(xxx)最终还是给 ViewData.Model赋值的。。。换句话说我可以在Action中直接给ViewData.Mode

l赋值不是一样的么???说干就干。

public ActionResult Index()
        {
            var student = new Student() { Name = "ctrip", Age = 15 };

            ViewData.Model = student;

            return View();
        }

原来我拉出来写是一样的效果。。。好了,其实父类还有很多,每个类中我相信你都会找到很多熟悉的属性和方法,就比如:WebPageBase类中的

Layout,Page,RenderBody等等。。。更好细节,期待你去发现。

时间: 2024-09-12 07:09:52

asp.net mvc 之旅—— 第一站 从简单的razor入手的相关文章

asp.net mvc 之旅—— 第二站 窥探Controller下的各种Result

平时我们在Action中编码的时候,我们都知道所有的Action返回值类型都是ActionResult,并且我们的返回值也是各种奇葩,比如:Json(),Content(), View()等等...当你写这个代码的时候,你是不是有一种强烈的偷窥欲...那这篇我们就一起来看一看. 一:实例代码 public class HomeController : Controller { public ActionResult Index() { ViewBag.Message = "Modify this

ASP.NET MVC案例教程(基于ASP.NET MVC beta)——第一篇:准备工作

前言 ASP.NET MVC作为微软官方的MVC解决方案,推出有一段时间了.可以说自动推出以来,一直广受关注.在经历了漫长的Preview 之后,前几天终于推出了其beta版.并且在官方文档中,微软声明最终的正式版与beta版相比不会有大的变化.所以,对于.NET平台的开发人 员来说,是时候学习ASP.NET MVC了. 本系列文章作为一个ASP.NET MVC的入门教程,将不会长篇大论介绍其中的概念及理论.而是通过 案例实践来学习ASP.NET MVC.在这系列文章中我将逐步完成一个"公告发布

Sql Server之旅——第一站 那些给我们带来福利的系统视图

原文:Sql Server之旅--第一站 那些给我们带来福利的系统视图 本来想这个系列写点什么好呢,后来想想大家作为程序员,用的最多的莫过于数据库了,但是事实上很多像我这样工作在一线的码农,对sql 都一知半解,别谈优化和对数据库底层的认识了,我也是这样...   一:那些系统视图 1. 系统视图是干什么呢? 从名字上看就知道,系统视图嘛?猜的不错的话,就是存放一些sqlserver系统的一些信息,很好,恭喜你,答对了.   2. 都定义在哪呢?  为了让你眼见为实,下面截图看看,从截图中你可以

ASP.NET MVC框架(第一部分)

一个简单的电子商务店面应用 我将使用一个简单的电子商务商店应用来示范ASP.NET MVC框架的工作原理.在今天的贴子里,我将实现一个产品列单,以及相关的浏览应 用场景. 具体来说,我们将建造一个网上商店,允许用户在访问该网站上的/Products/Categories网址时 浏览产品分类列表: 当用户点击上面网页上的产品分类链接时,他们将转到一个产品分类列表URL /Products/List/CategoryName上,该页面列出了指定分类中 的还在销售的产品: 当用户点击个别的产品时,他们

[转自Scott]ASP.NET MVC框架(第一部分)

英文原文地址:http://weblogs.asp.net/scottgu/archive/2007/11/13/asp-net-mvc-framework-part-1.aspx 翻译原文地址:http://blog.joycode.com/scottgu/archive/2007/11/14/111385.aspx 两个星期前, 我在博客里讨论了ASP.NET的一个新MVC(模型.视图,控制器)框架,我们将在不久的将来作为一个可选功能来支持.该框架提供了一个结构化的模型,来加强应用中的清晰关

通过实例模拟ASP.NET MVC的Model绑定机制:简单类型+复杂类型

总的来说,针对目标Action方法参数的Model绑定完全由组件ModelBinder来实现,在默认情况下使用的ModelBinder类型为DefaultModelBinder,接下来我们将按照逐层深入的方式介绍实现在DefaultModelBinder的默认Model绑定机制.[源代码从这里下载] 一.简单类型 对于旨在绑定目标Action方法参数值的Model来说,最简单的莫过于简单参数类型的情况.通过<初识Model元数据>的介绍我们知道,复杂类型和简单类型之间的区别仅仅在于是否支持针对

CSS之旅——第一站 为什么要用CSS

不知道有多少码农和我一样,css一直是一个软肋,软到全身酥麻...既然软肋来了,只能是要想办法解决,所以就找本CSS权威指南看一看,都说 CSS权威指南这本书比较过时,但是内容还是比较充实的,而且内容基本上就是和你交谈一样,非常舒服,好了,下面从正文说起.   一:为啥要学习CSS 当你知道CSS的历史还是蛮有味道的,在很久很久以前,web上没有css,只有一些html的标签,比如p,h1...h5... div span,ul 等等,这些html标记 都是一个具有特定含义的html标签,过去人

Javascript之旅——第一站:从变量说起

工作这几年,js学的不是很好,正好周末有些闲时间,索性买本<js权威指南>,大名鼎鼎的犀牛书,好好的把js深入的看一看.买过这本 书的第一印象就是贼厚,不过后面有一半部分都是参考手册.   一:作用域 说起变量第一个要说到的肯定就是作用域,正是因为不熟悉JS的作用域,往往就会把面向对象的作用域张冠李戴,毕竟有些东西总是习惯性 的这样,但是并不是每次照搬都是可以的,那么下一个问题就来了,js到底是什么作用域,当然是函数作用域了,我们的浏览器就是一个被实例 化的window对象,如果在window

使用asp.net mvc再造一个digg 第一部分

本文译者:第一控制.NET 学习怎样使用asp.net mvc, LINQ to SQL and ASP.NET AJAX打造一个digg类型的应用程序. 前言 前面一段时间,我一直试着学习新的ASP.NET MVC framework,我看到了很多这方面的高级话题的讨论,比如ioc容器/依赖注入,View Engine,Controller factory等.但是我找不到一篇简单的文章来展现ASP.NET MVC framework的能量.当然,知道那些高级话题确实有一些额 外的好处,但是他们