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. 代码块 代码块必须位于“@{}”中,并且每行代码必须以“: ...
随机推荐
- 启动 Eclipse 弹出“Failed to load the JNI shared library jvm.dll”错误的解决方法！&&在eclipse.ini中为eclipse指定jdk启动
参考:http://blog.csdn.net/zyz511919766/article/details/7442633 http://blog.sina.com.cn/s/blog_028f0c1c ...
- 使用tornado的gen.coroutine进行异步编程
在tornado3发布之后,强化了coroutine的概念,在异步编程中,替代了原来的gen.engine, 变成现在的gen.coroutine.这个装饰器本来就是为了简化在tornado中的异步编 ...
- poj 3017 单调队列优化动态规划
思路:dp[i]=min{dp[j]+max(num[j+1]...num[i])},其中sum[i]-sum[j]<=m. 那么我们需要用单调队列维护j到i的最大值. #include< ...
- 联系电话正则表达式（jquery表单验证）
一.实现的效果图: 二.CSS样式 /*验证样式*/ .onError{ vertical-align: middle; color: #ff0000; line-height: 22px; padd ...
- 64位Windows7升级IE11后无法启动的解决办法
1.控制面板\网络和 Internet\Internet选项 2.在高级选项卡的“安全”组配置
- WampServer修改Mysql密码的步骤
1.安装成功后,通过 phpmyadmin 进入mysql,点击上面的 [用户] 菜单,在用户[root]主机[localhost]点击编辑权限,下面有一个选项[修改密码],输入您想要的密码,如:12 ...
- 20150515--关于IIS的备忘（WIN7）
一.IIS服务位置: 1)控制面板--程序和功能 2)点击打开或关闭Windows功能, 3)Internet服务信息(英文:internet information services)--Web管理 ...
- 躲避球游戏ios源码
躲避球游戏源码,有限源码是一个基于cocos2d的躲避球游戏源码的,并且还引用了大家熟悉google广告的,进行推广,已经还有带game center等,游戏操作很简单,用手指按住物体,然后移动物体避 ...
- 【风马一族_Python】 更替pip的版本
替换电脑上python中的pip的版本 例子: 下载的文件:pip-8.1.1-py2.py3-none-any.whl 下载地址:https://pypi.python.org/pypi/pip/# ...
- 腾讯云 安全组配置及与MySQL 远程登录失败原因浅析
前言,知道自己腾讯云服务器安全组配置并在安全组里开放了所有端口的用户可以粗略的看看下边的内容,否则就仔细看看吧. 因为有学习及业务需要,我要在腾讯云上安装了CentOS7.2版本的服务器上安装MySQ ...