ASP.NET MVC3学习心得-----视图和模型

视图
3.1视图的作用
视图的职责是向用户提供用户界面，向它提供对模型的引用后，它会将模型转换为准备提供给用户的格式。
在ASP.NET MVC中这个过程由两部分组成：
检查控制器提交的ViewDataDictionary（通过ViewData属性访问），另一部分是将其内容转换为HTML格式
从ASP.NET MVC 3开始，视图数据可以通过ViewBag属性访问，该属性是动态的，语法简单，可以访问通过ViewData属性访问的相同数据。封装了ViewData，因此可以用类似访问属性的语法来检索字典中的值，如：
ViewBag.Message等同于ViewData["Message"]
两者的差异：1、只有当要访问的关键字是一个有效的C#标识符时，ViewBag才其作用
如：在ViewBag["Key With Spaces"]中存放一个值，那么将不能使用ViewBag访问改值
2、该动态值不能作为一个参数传递给扩展的方法，因为C#编译器为了选择正确的扩展方法，在编译时必须知道每个参数的类型。
如：@Html.TextBox("name",ViewBag.Name)会编译失败，如果想编译通过有两种方法1、使用ViewData["Name"]，2、（string）ViewBag.Name
在强类型视图中，ViewDataDictionary拥有一个视图渲染的强类型模型对象，该模型可能代表了实际的域对象，为方便起见，该模型对象可以通过视图的Model属性进行引用。
如：@{
Layout=null；
　　　}
<h1>@ViewBag.Message</h1>
控制器中的控制行为：
Public ActionResult Sample(){
ViewBag.Message="Hello World";
Return View("Sample");
}
注意：该控制器将ViewBag.Message属性设置为一个字符串，然后返回一个名为Sample的视图，该视图将显示传递给ViewBag.Message属性的值
3.2指定视图
默认情况下在控制器中的操作方法返回的View（）视图即与控制器名去掉Controller同名的视图，如果需要向其指定不同的视图则需在View（“OtherView")中指定要返回的视图名称即可
在一些情况下需要指定完全位于不同的目录结构中的视图，这时可以用带有~符号的语法来提供视图的完整路径，如：
Public ActionResult Index（）
{
ViewBag.Message="Hello World";
Return View("~/Views/Example/Index.cshtml");
}
3.3强类型视图
例：编写一个显示Album列表的视图，实现如下：
Public ActionResult List（）
{
Var ablums=new List<Album>();
For(int i=0;i<5;i++)
　　 {
albums.Add(new Album{ Title="Olive"+i});
}
ViewBag.Albums=albums;
Return View(albums);
}
在视图中显示如下：
<ul>
@foreach(var a in (ViewBag.Albums as IEnumerable<Album>))
{
<li>@a.Title</li>
}
</ul>
但是在强类型视图中，可以这样实现：
Public ActionResult List（）
{
Var ablums=new List<Album>();
For(int i=0;i<5;i++)
　　 {
albums.Add(new Album{ Title="Olive"+i});
}
Return View(albums);
}
视图中：
@model IEnumerable<MvcMusicStore.Models.Album>
<ul>
@foreach(var p in Model)
{
<li>@p.Title</li>
}
</ul>
3.4视图模型
视图通常需要显示各种没有直接映射到域模型的数据，可以通过编写自定义的视图模型类来实现
3.5添加视图
l Scaffold Template
①　Empty 创建一个空视图，使用@model语法指定模型类型
②　Create 创建一个视图，其中带有创建模型新实例的表单，并为模型类型的每一个属性生成一个标签和编辑器
③　Delete 创建一个是视图，其中带有删除现有模型实例的表单，并为模型的每一个属性显示一个标签以及当前该属性的值
④　Details 创建一个视图，显示了模型类型的每一个属性的标签及相应值
⑤　Edit 创建一个视图，并带有编辑现有模型实例的表单，并未模型类型的每一个属性生成一个标签和编辑器
⑥　List 创建一个带有模型实例的表单，为模型类型的每一个属性生成一列，确保操作方法向视图传递的是IEnumerable<OliveType>类型，同时为执行创建/编辑/删除操作，视图还包含了指向操作的链接
l Reference script libiaries:指示创建的视图是否包含指向Javascript的文件集，当创建Create或Edit视图时，就需要选中这些项，如果实现客户端的验证也必须选中这些项
3.6Razor视图引擎
3.6.3代码表达式
例：@{ string root="Olive";}
<span>@root.Models</span>
想要输出结果为<span>Olive.Models</span>
但是在实际的运行中会报错，提示string没有Models的属性，可以通过将表达式用圆括号括起来的方式进行解决，即：
<span>@(root).Models</span>
例：<li>Item_@item.Length</li>
期望的输出结果为<li>Item_3</li>
但是实际输出的是<li>Item_@item.Length</li>
出现这样的情况是因为Razor将其识别为邮箱地址了，
我们只需加上圆括号即可，如：<li>Item_@(item.Length)</li>
此外如下想要输出@号，可以使用两个@@用来转义
3.6.4Html编码
在许多情况下需要用视图显示用户的输入，但是这样存在潜在的跨站脚本攻击，但是Razor表达式默认用HTML编码
如下：@{string message=“<scritp>alert('Olive')</script>";}
<span>message</span>
这段代码则不会弹出提示框,显示如下：
<span><script>alert('Olive');<script></span>
如果想展示HTML标记，则需返回System.Web.IHtmlString对象的实例，Razor不对它进行编码，也可用Html.Row来显示
@{
String message=“<scritp>alert('Olive')</script>";}
<span>@Html.Row(message)</span>
这样就可以显示弹框了
与此同时，在Javascript中将用户提供的值赋给变量时，要使用Javascript字符串编码而不是HTML编码，也就是用@Ajax.JavaScriptStringEncode方法来对用户的输入进行编码的
这样就可以有效的避免跨站脚本的攻击，如下：
<script type="text/javascript">
$(function(){
Var message='Hello @Ajax.JavaScriptStringEncode(ViewBag.UserName)';
$("#message").html(message).show('slow');
});
</script>
3.6.5 Razor语法示例
1、隐式代码表达式
<sapn>@model.Message</span>
Razor中隐式表达式总是采用HTML编码方式
2、显示代码表达式
<span>ISBN@(isbn)</span>
3、无编码代码表达式
使用Html.Row方法来确定内容不被编码
<span>@Html.Row(model.Message)</span>
4、代码块
@{
Int x=123；
String y=”because";
}
5、文本和标记组合
@foreach（var item in items）
{ <span>Item @item.Name.</span>}
6、混合代码和纯文本
@if（show）
{
<text>This is Olive</text>
}
或者
@if（show）
{
@This is Olive
}
3.6.6布局
ASP.NET MVC 3中的布局相当于WebForm中的母版页
如下布局页中部分代码：
<div id=“main-content">@RenderBody()</div>
其中的@RenderBody（）相当于WebFrom中的placeholder占位符
布局使用示例：
@{
Layout="~</Views/Shared/Layout.cshtml";
}
<span>This is main content!</span>
此外，布局中还可能有多个节，如下：部分布局页代码示：
<div id="main-conten">@RenderBoday()</div>
<footer>@RenderSeciton("Footer")</footer>
如果对视图页不做任何改变则会报错，这里需要对视图页做如下修改
@{
Layout="~</Views/Shared/Layout.cshtml";
}
<p>This is a main content!</p>
@section Footer{
This is the <strong>footer</strong>
}
@section语法为布局中定义的一个节指定了内容，在默认的情况下视图必须为布局中定义的节指定内容，但是RenderSection方法有一个重载版本，允许指定不需要的节，即为required参数传递一个false值来标记Footer节是可选的，如下：
<footer>@RenderSection("Footer",false)</footer>
也可以定义一些薯条中没有定义节时的默认内容，方法如下：
<footer>
@if(IsSectionDefined("Footer"))
{
RenderSection("Footer");
}
Else
{
<span>This is the default footer.</span>
}
</footer>
3.6.7 ViewStart
创建默认的ASP.NET MVC 3时，会自动生成_ViewStart.cshtml文件，指向了一个默认的布局，如果一组

补充：Web开发 , ASP.Net ,