参考资料《ASP.NET MVC5 高级编程》第5版

第3章 视图

3.1 视图的作用

视图的职责是向用户提供界面。

不像基于文件的框架,ASP.NET Web Forms 和PHP ,视图本身并不被访问,浏览器,并不能直接指向一个视图并渲染它。相反视图被控制器渲染,因为控制器提供了渲染所需要的数据。

一般情况下,控制器需要向视图提供一些信息,所以这会传递一个数据转移对象,叫做模型。完成这一过程需要两部分操作,其中一个是检查由控制器提交的模型对象,另一个是将其内容转化为HTML格式。

3.2 视图的基础知识

在最简单的情况中,向控制器发送一个请求,控制器返还一个视图。

3.3 理解视图约定

eg1:约定可以重写

        public ActionResult Index(){return View("notIndex");}

eg2:指定完全不同目录结构中的视图

        public ActionResult Index(){return View("~/Views/Example/Index.cshtml");}

tips

在使用这种语法时,必须提供视图文件的文件扩展名

3.4 强类型视图

3.4.1 ViewBag

eg1:通过重载的View 方法传递模型实例来指定模型

        public ActionResult Index(){ var a=0;return View(a);}

告知试图正在使用哪些类型的模型需要使用 @model 来声明。

对于在视图中经常使用的名称空间,可以在Views 目录下的Web.config 文件中声明。

3.4.2 理解ViewBag、ViewData 和 ViewDataDictionary

从技术角度来讲,数据从控制器推送到视图实际上是使用了一个ViewData 的ViewDataDictionary。

我们可以通过标准字典语法设置或读取其中的值

ViewData["CurrentTime"]=DateTime.Now;
    

ViewBag 是ViewData 的动态封装器。它利用了dynamic 关键字。ViewBag.CurrentTime 等同于 ViewData["CurrentTime"]

ViewData["CurrentTime"]=DateTime.Now;
    

3.5 视图模型

eg1:通过ViewBag 填充下拉列表

例一:

view 层:

                                            @Html.DropDownList("ClassID")

Controller 层:

ViewBag.ClassID=new SelectList(cb.GetClassModels(),"ID","ClassName");

例二:

view 层:

                                            @Html.DropDownList("TerSystem")

Controller 层:

            List AllFieldValue = new List();
List<sys_fieldvalue> sfv = m_Dic.GetOrderByDictionarys("TerminalSystem", "", "", ref msg);
if (sfv != null)
{
for (int i = 0; i < sfv.Count(); i++)
{
AllFieldValue.Add(new SelectListItem { Text = sfv[i].V_Text + " ", Value = sfv[i].V_Code });
}
}
ViewBag.TerSystem = new SelectList(AllFieldValue, "Value", "Text");

3.6 添加视图

通过视图基架模型来构建模型和创建基架视图。

3.7 Razor 视图引擎

3.7.1 Razor 的概念

Razor 是默认的视图引擎。Razor 为视图表示提供了一种精简的语法,最大限度的减少了语法和额外的字符。

3.7.2 代码表达式

Razor 中的核心转化字符是"at"符号(@)。有两种基本类型的转换:代码表达式和代码块。

3.7.3 HTML 编码

Razor 表达式是使用HTML 自动编码的。

可以通过创建一个HtmlString 的实例或Html.Raw便捷方法来展示不编码的HTML标记

当在JavaScript 中将用户提供的值赋给变量时,要使用@Ajax.JavaScriptStringEncode 方法对用户输入进行编码。

3.7.4 代码块

代码块中的语句(如foreach和if)是不需要使用花括号的

可以通过创建一个HtmlString 的实例或Html.Raw便捷方法来展示不编码的HTML标记

3.7.5 Razor 语法示例

1,隐式代码表达式

@model.message

2,显式代码表达式

@(model.message)

3,无编码代码表达式

html.raw

4,代码块

@{}

5,文本与标记相结合

@{<@(model.message)>}

6,混合代码与纯文本

@if(1>0){<@(model.message)>}

7,转义代码分割符

@@

8,服务器端的注释

@*{<@(model.message)>}*@

9,调用泛型方法

3.7.6 布局

Razor 视图有助于使应用程序中的多个视图表示一致的外观。

可使用布局为网站定义公共模板。公共模板包括一个或多个占位符,应用程序中的其它视图为它提供内容。

视图中的@RenderBody 调用表示一个占位符,用来标记这个布局的视图将渲染它们的主要内容的位置。

视图中可能有多个RenderSection ,默认情况下,视图必须为布局定义的每个RenderSection 提供相应内容。@RenderSection("Footer")

RenderSection 方法有一个重载版本,允许制定不需要的节。@RenderSection("Footer",require:false)

判断RenderSection 是否有定义:IsSectionDefined 方法

3.7.7 ViewStart

Views目录下的_ViewStart.cshtml文件,指定了一个默认布局。代码先于任何一个视图运行,我们可以在它里面对共同的视图配置进行统一设置。

3.8 指定部分视图

不渲染布局。

3.9 小结

视图引擎用途非常有限。它们的目的是获取从控制器传递给它们的参数,并生成格式化的输出。

ASP.NET MVC5 高级编程 第3章 视图的更多相关文章

  1. ASP.NET MVC5 高级编程 第5章 表单和HTML辅助方法

    参考资料<ASP.NET MVC5 高级编程>第5版 第5章 表单和HTML辅助方法 5.1 表单的使用 5.1.1 action 和 method 特性 默认情况下,表单发送的是 HTT ...

  2. ASP.NET MVC5 高级编程 第2章 控制器

    参考资料<ASP.NET MVC5 高级编程>第5版 第2章 控制器 控制器:响应用户的HTTP 请求,并将处理的信息返回给浏览器. 2.1 ASP.NET MVC 简介 MVC 模式中的 ...

  3. ASP.NET MVC5 高级编程-学习日记-第一章 入门

    1.1 ASP.NET MVC 简介 ASP.NET是一种构建Web应用程序的框架,它将一般的MVC(Model-View-Controller)模式应用于ASP.NET框架. 1.1.1 MVC模式 ...

  4. ASP.NET MVC5高级编程 之 模型

    1. 为MVC Music Store建模 Models文件夹(右击) --> 添加 --> 类 为类添加对应的属性: public class Album { public virtua ...

  5. ASP.NET MVC5 高级编程-学习日记-第三章 视图

    开发人员之所以花费大量时间来重点设计控制器和模型对象,是因为在这些领域中,精心编写的整洁代码是开发一个可维护Web应用程序的基础. 3.1 视图的作用 视图的职责是向用户提供用户界面.当控制器针对被请 ...

  6. ASP.NET MVC5 高级编程-学习日记-第二章 控制器

    2.1 控制器的角色 MVC模式中的控制器(Controller)主要负责响应用户的输入,冰球在响应时修改模型(Model).通过这种方式,MVC模式中的控制器主要关注的是应用程序流.输入数据的处理, ...

  7. ASP.NET MVC5高级编程 之 Ajax

    jQuery不仅支持所有现代浏览器,包括IE.Firefox.Safari.Opera和Chrome等,还可以在编写代码和浏览器API冲突时隐藏不一致性(和错误). 1. jQuery jQuery擅 ...

  8. 学习《ASP.NET MVC5高级编程》——基架

    基架--代码生成的模板.我姑且这么去定义它,在我学习微软向编程之前从未听说过,比如php代码,大部分情况下是我用vim去手写而成,重复使用的代码需要复制粘贴,即使后来我在使用eclipse这样的IDE ...

  9. 《asp.net mvc3 高级编程》第二章 控制器

    一.控制器的角色 MVC模式中的控制器(Controller)主要负责响应用户的输入,并且在响应时通常会修改模型(Model).通过这种方式,MVC模式中的控制器主要关注的是应用程序流,输入数据的处理 ...

随机推荐

  1. [ActionScript 3.0] AS3 ConvolutionFilter卷积滤镜的应用

    ConvolutionFilter 类应用矩阵盘绕滤镜效果.卷积将输入图像的像素与相邻的像素合并以生成图像.通过卷积,可以实现大量的图像效果,包括模糊.边缘检测.锐化.浮雕和斜角.您可以将滤镜应用于任 ...

  2. [ActionScript 3.0] AS3 3D星形贴图

    package { import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.MovieCl ...

  3. ELK stack elasticsearch/logstash/kibana 关系和介绍

    ELK stack elasticsearch 后续简称ES logstack 简称LS kibana 简称K 日志分析利器 elasticsearch 是索引集群系统 logstash 是日志归集集 ...

  4. nyoj 76 超级台阶

    点击打开链接 超级台阶 时间限制:1000 ms  |  内存限制:65535 KB 难度:3 描述 有一楼梯共m级,刚开始时你在第一级,若每次只能跨上一级或二级,要走上第m级,共有多少走法? 注:规 ...

  5. java内部类的继承

    1.public class OuterInnerClass extends ClassA.ClassB{        public OuterInnerClass(ClassA a)       ...

  6. (转)一段如何調用Button.Click事件的故事

    原文地址:http://helloouc.blog.163.com/blog/static/5530527120091050314590/ 一.前言 由于小朱与BillChung的启发,想写一个故事, ...

  7. SHARED_POOL_RESERVED_SIZE参数的设置及作用 -ZHUANZAI

    还有一个参数是需要提及的:shared_pool_reserved_size.该参数指定了保留的共享池空间,用于满足将来的大的连续的共享池空间请求.当共享池出现过多碎片,请求大块空间会导致Oracle ...

  8. Bootstrap 3 How-To #3 布局

    对于 Web 开发来说,一个永远的话题是如何创建一个跨浏览器兼容的布局.许多年来,各种框架使用各种技术来解决这个问题.Bootstrap 使用了一个不同的方式来解决这个问题.基于 960 像素的布局 ...

  9. OpenStack Nova 制作 Windows 镜像

    OpenStack Nova 制作 Windows 镜像   windows虚拟机ubuntuimage防火墙云计算 本贴转自http://www.vpsee.com 上次 VPSee 给 OpenS ...

  10. 慧自文档:代替 Everything 来快速查找文件的,实现文件显示在文件夹的层次结构中

    1. 搜索功能和Everything一样快和强大 具有 Everything 搜索快.搜索功能强等优点, 解决了不能方便选择搜索哪个文件夹, 解决了不能同一个画面进行预览等问题 2.文件直接显示到文件 ...