7.3asp.net视图创建精品课件.pptxVIP

ASP.net MVC视图的创建——Hello World项目 项目1 Hello World学会创建和编辑视图；（重点）学会从控制器向视图传递数据的方法；（重点）能力目标知识目标理解视图的概念及其在MVC架构中的角色；理解控制器选择视图的原理；理解视图引擎的概念；掌握ViewBag对象的使用方法； 项目1 Hello World一、视图视图的职责是向用户提供用户界面，视图所需要输出的数据由控制器提供。在ASP.NET MVC中，视图也称为视图模板，按照约定，每个控制器在Views目录下都有一个对应的文件夹，其名称与控制器名称一样，只是没有Controller后缀名。操作方法通过对“return View();”语句的调用来选择一个输出视图，根据约定，当没有明确指定视图名称时，系统会使用与操作方法同名的视图文件。子任务1：视图的创建任务1.4 视图的创建 项目1 Hello World一、视图如果想让Index操作方法选择一个不同的视图，可以象下面的代码一样，给View()方法提供一个不同的视图名称。以上代码中的操作方法仍然会在/Views/Hello目录中查找视图，但选择的是NotIndex.cshtml作为视图。子任务1：视图的创建任务1.4 视图的创建public ActionResult Index(){ return View(NotIndex);} 项目1 Hello World一、视图如果要指定一个完全不同的目录结构中的视图，这时可以象下面的代码一样，使用带有~符号的语法提供视图的完整路径。注意在使用以上这种语法时，必须提供视图的文件扩展名。子任务1：视图的创建任务1.4 视图的创建public ActionResult Index(){ return View(~/Views/Home/About.cshtml);} 项目1 Hello World二、Razor视图引擎ASP.NET MVC3 提供了两种不同的视图引擎：新的Razor视图引擎和原有的Web Form下的ASPX视图引擎。子任务1：视图的创建任务1.4 视图的创建 项目1 Hello World二、Razor视图引擎Razor其实是一种服务器代码和HTML代码混写的代码模板，类似于没有后置代码的.aspx文件。子任务1：视图的创建任务1.4 视图的创建@{ string name=“李四 }h1Razor Example/h1pHello @name, this year is @DateTime.Now.Year/p 项目1 Hello World二、Razor视图引擎视图引擎的作用是对视图进行转换并向浏览器输出标准HTML的内容，这个过程一般称之为渲染（Render）。子任务1：视图的创建任务1.4 视图的创建@{ string name=“李四 }h1Razor Example/h1pHello @name, this year is @DateTime.Now.Year/ph1Razor Example/h1pHello Tom, this year is 2021/ 项目1 Hello World三、ViewBag对象在控制器的操作方法中，可以使用ViewBag对象向视图传递任何信息。ViewBag对象就是控制器与视图之间传递数据的通道。ViewBag不仅可以用来在控制器和视图之间传递数据，还可以在视图和布局页之间传递数据。子任务1：视图的创建任务1.4 视图的创建 项目1 Hello World四、Razor语法 Razor语法的核心转换字符是“@”。Razor非常智能，可以通过理解标记的结构来识别什么地方是代码，什么地方是HTML标记。使用@符号可以表达两种代码结构：代码表达式和代码块。任务1.4 视图的创建 项目1 Hello World四、Razor语法——代码块任务1.4 视图的创建@{ var names = new string[]{“北京”,“南京”,“上海};}htmlheadtitleSample View/title/headbody h1Listing @names.Length names./h1 ul @foreach(var item in names) { liThe name is @item./li } ul/body/html 项目1 Hello World四、Razor语法——表达式代码表达式求出表达式的值，然后将值输出到代码处。h1Listing @names.Leng names./h1表达式@names.Lenght是作为隐式代码表达式求解的，然