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

简介: 原文:asp.net mvc 之旅—— 第一站 从简单的razor入手  记得2011年mvc3刚出来的时候,我们就有幸将 mvc3 用在我们团购项目上,当时老大让我们用一个星期时间来熟悉mvc,幸好园子里面的老朋友DR 正在写mvc3系列,也恭喜这个系列文章被整理成专题供后来者学习,详见:http://www.
原文: 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. 你要会用 “单行和代码块语法输出”

 1 <h1>
 2     第一种方式:</h1>
 3 <hr />
 4 @DateTime.Now.ToString()
 5 <h1>
 6     第二种方式:</h1>
 7 <hr />
 8 @{
 9     var @dt = DateTime.Now.ToString();
10 }
11 @dt

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

 1 @for (int i = 0; i < 10; i++)
 2 {
 3     <h1>@i</h1>
 4 }
 5 @if (DateTime.Now.Ticks / 2 == 0)
 6 {
 7 
 8 }
 9 else
10 {
11 
12 }

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

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

 1 // 第一种方式
 2 @if (true)
 3 { 
 4    @: 结束 @DateTime.Now.ToString()
 5 }
 6 <hr />
 7 
 8 
 9 //第二种方式
10 @if (true)
11 { 12 <text> 结束 @DateTime.Now.ToString() </text> 13 }

 

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

 1. Controller代码

 1     public class HomeController : Controller
 2     {
 3         public ActionResult Index()
 4         {
 5             var student = new Student() { Name = "ctrip", Age = 15 };
 6 
 7             return View(student);
 8         }
 9 
10         public ActionResult About()
11         {
12             return View();
13         }
14     }

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赋值不是一样的么???说干就干。

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

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

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

 

目录
相关文章
|
3月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
41 0
|
1月前
|
开发框架 前端开发 .NET
进入ASP .net mvc的世界
进入ASP .net mvc的世界
29 0
|
1月前
mvc.net分页查询案例——mvc-paper.css
mvc.net分页查询案例——mvc-paper.css
5 0
|
1月前
|
开发框架 前端开发 .NET
C# .NET面试系列六:ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中,TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制,但它们有一些区别。 <b>TempData:</b> 1、生命周期 ```c# TempData 的生命周期是短暂的,数据只在当前请求和下一次请求之间有效。一旦数据被读取,它就会被标记为已读,下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据,例如在一个动作中设置 TempData,然后在重定向到另
99 5
|
3月前
|
XML 前端开发 定位技术
C#(NET Core3.1 MVC)生成站点地图(sitemap.xml)
C#(NET Core3.1 MVC)生成站点地图(sitemap.xml)
25 0
|
3月前
|
前端开发
.net core mvc获取IP地址和IP所在地(其实是百度的)
.net core mvc获取IP地址和IP所在地(其实是百度的)
124 0
|
5月前
|
开发框架 自然语言处理 前端开发
基于ASP.NET MVC开发的、开源的个人博客系统
基于ASP.NET MVC开发的、开源的个人博客系统
52 0
|
8月前
|
SQL 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(完:内附源码)
经过一段时间的准备,【ASP.NET Core MVC开发实战之商城系统】已经完成,目前代码已开发完成,先将全部内容整理分享,如有不足之处,还请指正。
107 0
|
8月前
|
存储 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(五)
经过一段时间的准备,新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始,在之前的文章中,讲解了商城系统的整体功能设计,页面布局设计,环境搭建,系统配置,及首页【商品类型,banner条,友情链接,降价促销,新品爆款】,商品列表页面,商品详情等功能的开发,今天继续讲解购物车功能开发,仅供学习分享使用,如有不足之处,还请指正。
116 0
|
9月前
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(三)
[回馈]ASP.NET Core MVC开发实战之商城系统(三)
67 0