ASP.NET MVC 学习第三天

今天来简单说一下Razor视图引擎语法相关的和视图类。

添加一个MvcTest项目，继续添加一个Home控制器，完成index的视图添加。我们就在index这里分析razor视图引擎。下面是home控制器代码

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using System.Web.Mvc;

 namespace MvcTest.Controllers

 {

     public class HomeController : Controller

     {

         //

         // GET: /Home/

         public ActionResult Index()

         {

             return View();

         }

     }

 }

下面是index视图的代码，注释都在代码中，就不多说了

 @{

     Layout = null;

 }

 <!DOCTYPE html>

 <html>

 <head>

     <meta name="viewport" content="width=device-width" />

     <title>Index</title>

 </head>

 <body>

     <div>

         <hr />

         @*注意，当使用@{}时说明大括号里面都是c#代码，但razor视图同时会识别尖括号，当c#语句块中出现尖括号时，

         razor引擎就会认为我们要输入的是html标签了，即使是不合法的html标签，例如:<sb></sb>,我们都知道这是不合法的html标签，

         但razor视图引擎并不会判断它是否合法，他只识别尖括号。*@

         @{  //大括号内应该是c#代码了

             for (int i = ; i < ; i++)

             {

                 //但是这里出现了尖括号，由c#代码切换成html代码

             <label>我是由c#代码循环出来的label标签</label>

             <br />

             }

             //如果我想在html标签中输入@字符怎么办呢？

             //<label>@</label>这样肯定是不行的，因为label中添加@，@后就应该写c#代码了,我们可以这样来完成

             <br />

             <label>输出特殊符号方法：@@</label>//连续两个@@，这就相当于转义

             <hr />

         }

         <br />

         <br />

         @{

             //这样输出的会在html最上方显示，这里涉及到了执行顺序，后面我会说到，这里面输出的html标签，在页面不会做转义，仍然以标签形式展现出来。

             Response.Write("Response.Write方法输出的内容:<br/>输出字符串，注意我的显示位置，虽然我不是在razor视图的源代码上方，但我会在最上方显示哦 <br/> <label>我是label标签哦,而且标签没有被转义哦</label><br/><br/>");

             <br />

             <br />

             @Html.Raw("Html.Raw方法输出的内容:<label>我是label标签</label>,但我显示的时候可没有被转义哦，仍然以label的标签的形式显示出来了哦");

             <br />

             <br />

             HtmlString htmlStr = new HtmlString("<label>我是用HtmlString方式new出来的label标签,我用法很多，介于转义与不转义之间哦</label>");

             <br />

             @htmlStr.ToHtmlString();//转义

             <br />

             @htmlStr.ToString();//转义

             <br />

             @htmlStr//非转义

             <br />

             <br />

             string strHtml = "<label>我是由字符串方式显示出来的label标签，但不幸的是我没能以label标签的形式显示出来，我被转义了</label>";

             @strHtml

             <br />

             <br />

             HtmlString strHtml2 = MvcHtmlString.Create("<label>MvcHtmlString方法创建的label标签，没有被转义哦</lable>");

             @strHtml2

         }

         <hr />

         <br />

         <br />

         这是razor视图页面类生成程序集所在位置：

         @this.GetType().Assembly.Location

         <hr />

         <br />

         <br />

         <hr />

         **************************************************下面是加载其他页面的内容哦*******************************************************

         <br />

         @*在index视图中加载另一个视图的方法*@

         @{Html.RenderPartial("sonview");}

         *******************************************************子页页面加载完毕*************************************************************

         <br />

     </div>

 </body>

 </html>

下面是index视图中用到的一个sonview视图代码

 @{

     Layout = null;

 }

 <!DOCTYPE html>

 <html>

 <head>

     <meta name="viewport" content="width=device-width" />

     <title>SonView</title>

 </head>

 <body>

     <div>

         我是由index视图加载的视图哦！！！！

     </div>

 </body>

 </html>

下面是个效果图

内容似乎有些乱，忍耐一下吧。

下面我们来到电脑中看一个那个程序集路径，反编译一下，看看前台页面类

这是我反编译出来的结果，我们可以看到前台页面类呗编译成名为_Page_Views_Home_Index_cshtml（名字好长啊）类。他继承自webviewpage类，这个类还是个泛型的。

这个前台页面类好简单啊，除了Execute方法，就没什么了。我们再来看看他的父类，webviewpage类

注意看里面有个Model属性，而这个属性的类型是TModel，泛型。如果我们在前台页面类写上@model student（数据类型），这样前台页面视图就叫做强类型视图，这样Model.的时候就会有提示了。哎，这里前面似乎忘了演示了，所以可能对初学者有些难以理解。

我们在Models文件夹中新建一个Student类

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 namespace MvcTest.Models

 {

     public class Student

     {

         public string Id{get;set;}

         public string Name { get; set; }

         public string Description { get; set; }

     }

 }

在index视图中添加 @model MvcTest.Models.Student如图

下面我们在使用@Model.的时候，看是不是有提示会有name，Id等属性了呢，这样指定了Model类型的视图就叫做强类型视图。通过反编译我们可以看到这个model的类型也是通过泛型父类传递的。

而第二天中的控制器与视图之间传递数据的几种方法中的一种ViewData在webviewpage<TModel>中，我们可以看到她就是一个dic类型，下面我们看webviewpage类，

在这里我们又看到几个眼熟的属性不是，viewbag，viewdata，context。我们继续往下挖，看webpagebase类

但是这个类中似乎没有什么我们感兴趣的东西，那么我们就继续挖，看webpagerenderingbase类

这里面属性的东西太多了吧，cache，pagecontext，request，response，server，session。至此，我们应该明白为什么我们可以在视图里面访问那么多属性了吧。

下面我们在分析一下控制器，我们在反编译工具中查找Controller这个类，注意，这个类是mvc命名空间下的，默认的反编译工具中是没有的，我们可以在项目文件夹中找到相关的dll，项目中的路径~/packages/Microsoft.AspNet.Mvc.4.0.20710.0/lib/net40/System.Web.Mvc.dll具体因为版本，可能路径也有所不同，将这个文件放在反编译工具中，查找controller这个类。

这个类中的东西太多了，我只截了一部分图，我们常用的，也证明一下为什么我们可以在我们的控制器中可以访问到那么多的属性。

下面我们再简单阐述一下视图的加载过程。这样说，每个视图加载过程中都会先加载所经过每个文件夹中的_ViewStart.cshtml文件。可能有些人没有理解。我们看下项目中的views文件夹

如果访问index.cshtml视图，因为该视图在home文件夹中，而home文件夹又在views文件夹中，所以说要访问index.cshtml文件就要经过views文件夹，在经过home文件夹。但是在views文件夹中有_ViewStart.cshtml文件，所以就要先加载这个文件。如果在home文件夹中还有个_ViewStart.cshmtl文件，这个文件也会被加载。那我们就来看看_ViewStart.cshtml中有什么东西吧。

也没有什么内容，Layout是一个布局变量，会传递给我们将要访问的视图页面。这就是为什么我们每个视图页面中Layout=null的原因了，之前给Layout赋值，到具体视图后我们又将该值清空掉了。我们没有使用布局页，这有些类似于模板。我们知道有些网站很多内容都是一样的，这样我们就可以将内容一样的部分写到模板中，而具体视图写具体的内容，用法很简单。填充内容，大家可以自己试一下。当然也可以不用模板页。今天就说到这里喽，该去吃午饭了，哈哈

ASP.NET MVC 学习第三天的更多相关文章

ASP.NET MVC学习---（三）EF简单增删改查
那么现在我们已经大概从本质上了解了ef 巴拉巴拉说了一大堆之后总算要进入ef的正题了总在口头说也太不行了是吧~ 没错,现在要用ef进行一些实际的操作做什么呢? 就做一个入门级的增删改查操作吧废 ...
ASP.NET MVC学习（三）之过滤器Filter
http://www.cnblogs.com/yaopengfei/p/7910763.html
（转）ASP.NET MVC 学习第一天
天道酬勤0322 博客园 | 首页 | 发新随笔 | 发新文章 | 联系 | 订阅 | 管理随笔:10 文章:0 评论:9 引用:0 ASP.NET MVC 学习第一天今天开始第一天学习as ...
ASP.NET MVC学习之Ajax（完结）
一.前言通过上面的一番学习,大家一定收获不少.但是总归会有一个结束的时候,但是这个结束也意味着新的开始. 如果你是从事ASP.NET开发,并且也使用了第三方控件,那么一定会觉得ASP.NET开发aj ...
ASP.NET MVC学习系列(二)-WebAPI请求
继续接着上文 ASP.NET MVC学习系列(一)-WebAPI初探来看看对于一般前台页面发起的get和post请求,我们在Web API中要如何来处理. 这里我使用Jquery 来发起异步请求实现 ...
ASP.NET MVC学习系列(二)-WebAPI请求(转)
转自:http://www.cnblogs.com/babycool/p/3922738.html 继续接着上文 ASP.NET MVC学习系列(一)-WebAPI初探来看看对于一般前台页面发起的g ...
[转]ASP.NET MVC学习系列(二)-WebAPI请求传参
[转]ASP.NET MVC学习系列(二)-WebAPI请求传参本文转自:http://www.cnblogs.com/babycool/p/3922738.html ASP.NET MVC学习系 ...
ASP.NET MVC学习之模型验证详解
ASP.NET MVC学习之模型验证篇 2014-05-28 11:36 by y-z-f, 6722 阅读, 13 评论, 收藏, 编辑一.学习前的一句话在这里要先感谢那些能够点开我随笔的博友们 ...
ASP.NET MVC 学习笔记-2.Razor语法 ASP.NET MVC 学习笔记-1.ASP.NET MVC 基础反射的具体应用策略模式的具体应用责任链模式的具体应用 ServiceStack.Redis订阅发布服务的调用 C#读取XML文件的基类实现
ASP.NET MVC 学习笔记-2.Razor语法 1. 表达式表达式必须跟在“@”符号之后, 2. 代码块代码块必须位于“@{}”中,并且每行代码必须以“: ...

随机推荐

hdu3068
最长回文 Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submis ...
1166 矩阵取数游戏[区间dp+高精度]
1166 矩阵取数游戏 2007年NOIP全国联赛提高组时间限制: 1 s 空间限制: 128000 KB 题目等级 : 黄金 Gold 题解题目描述 Description [ ...
.NET DLL 保护措施详解(四)各操作系统运行情况
我准备了WEB应用程序及WinForm应用程序,分别在WIN SERVER 2012/2008/2003.Win7/10上实测,以下为实测结果截图: 2012 2008 2003 WIN7 WIN10 ...
C# WinForm 调用WebService
在Winform中对数据库进行操作缺乏安全性,因而可以使用Winform调用WebService来实现对数据库的各种操作. 在VS2010中,创建一个Web服务程序,第一:创建一个空的Web应用程序, ...
Part 100 Func delegate in c#
What is Func<T,TResult> in C#? In simple terms,Func<T,TResult> is just generic delegate. ...
AJAX之JSON
AJAX=Asynchronous JavaScript and XML(异步的JavaScript 和XML). AJAX不是新的编程语言,而是一种是用现代标准的新方法,用于创建快速动态网页的技术. ...
js选中下拉框的默认选项
//这是修改时选中 $("#type").find("option[value='"+factory+"']").attr("se ...
android 数据库_sql语句总结
表的创建db.execSQL("create table info(_id integer primary key autoincrement,name varchar(20)") ...
●linux进程的查看与操作●
查看进程:ps -le | more ,ps -aux | more ,ps & 后台运行 jobs 查看后台进程 fg [n]调到前台 bg放到后台 ctrl +c 终止 ctrl ...
13个SQL优化技巧
避免无计划的全表扫描<!--?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" ...

ASP.NET MVC 学习第三天

ASP.NET MVC 学习第三天的更多相关文章

随机推荐

热门专题