第一站从简单的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代码

@model MvcApplication1.Models.Student
<h1>姓名： @Model.Name</h1> <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是最后给谁传值的。。。

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

通过上面的图,现在我们终于知道了。。。原来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等等。。。更好细节，期待你去发现。

第一站 从简单的razor入手