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. 代码块 代码块必须位于“@{}”中,并且每行代码必须以“: ...
随机推荐
- ReactNative学习-webView
在软件内部打开一个网页--不喜欢它没有办法返回,还需要再添加返回按钮== import React from 'react'; import { AppRegistry, Component, Scr ...
- LeetCode 287
Find the Duplicate Number Given an array nums containing n + 1 integers where each integer is betwee ...
- codeforces 675A A. Infinite Sequence(水题)
题目链接: A. Infinite Sequence time limit per test 1 second memory limit per test 256 megabytes input st ...
- asp.net MVC 如何隐藏 Response Header 版本号
根据借楼最少资源原则,有时候MVC需要隐藏自己的版本号,其实这里也是比较简单的,只需要在Global.ascx 的Application_Start()中添加一行代码既可 添加为 MVCHandle ...
- 转：实体ToolTip显示XData
首先要说明,实现方式不是我的原创,其中ToolTip的实现转自这里,然后XData的设置和获取来自Kean的博客,当然我自己也做了点研究,在这里,然后把这两个技术结合起来就是你将要看到的东西. 先上效 ...
- 【Cocos2d入门教程三】HelloWorld之一目了然
什么程序都是从HelloWorld先开始.同样Cocos2d-x我们先从HelloWorld进行下手.下面是HelloWorld的运行完成图: 建立好的Cocos游戏项目中会有两个比较常用接触的文件夹 ...
- 慎用memset();
<span style="font-family: Arial, Helvetica, sans-serif;">void *(memset) (void *s,int ...
- Git之基本命令
先介绍一下Git: Git是一个分布式的版本控制系统,最初由Linus Torvalds编写,用作Linux内核代码的管理.在推出后,Git在其它项目中也取得了很大成功,尤其是在Ruby社区中.目前, ...
- Jquery实现循环删除Reaper某一行
一.实现的效果图:(点击删除图标,juery实现删除整行) 二.MVC开发模式 SQLServer层 #region 删除 /// <summary> /// 根据自动编号删除快递线路信息 ...
- Cocos2d-JS地图性能问题
如图所示游戏场景,它是我们以往介绍的实例,在场景中有三个方块精灵(BoxA.BoxB和BoxC)和背景精灵,这个背景叫做“地图”有点牵强,地图采用了有规律的纹理. 游戏场景 那么我们如何设计这个游戏地 ...