[ASP.NET MVC 小牛之路]12 -java教程-PHP中文网

首页

Java

java教程

[ASP.NET MVC 小牛之路]12

黄舟

Dec 30, 2016 pm 04:22 PM

asp.net mvc

[ASP.NET
MVC 小牛之路]12 - Section、Partial View 和 Child Action

概括的讲，View中的内容可以分为静态和动态两部分。静态内容一般是html元素，而动态内容指的是在应用程序运行的时候动态创建的内容。给View添加动态内容的方式可归纳为下面几种：

Inline code，小的代码片段，如 if 和 foreach 语句。
Html helper方法，用来生成单个或多个HTML元素，如view model、ViewBag等。
Section，在指定的位置插入创建好的一部分内容。
Partial view，存在于一个单独的视图文件中，作为子内容可在多个视图中共享。
Child action，相当于一个包含了业务逻辑的UI组件。当使用child action时，它调用 controller 中的 action 来返回一个view，并将结果插入到输出流中。

这个分类不是绝对的。前两种很简单，在前面的文章中也使用过。本文主要介绍后三种方式的应用。

本文目录

Section

Razor视图引擎支持将View中的一部分内容分离出来，以便在需要的地方重复利用，减少了代码的冗余。下面来演示如何使用Section。

创建一个MVC应用程序，选择基本模板。添加一个HomeController，编辑生成的Index方法如下：

public ActionResult Index() {
    string[] names = { "Apple", "Orange", "Pear" };
    return View(names);
}

登录后复制

右击Index方法，添加视图，编辑该视图如下：

@model string[] 
 
@{ 
    ViewBag.Title = "Index"; 
} 
 
@section Header { 
    <div class="view"> 
        @foreach (string str in new [] {"Home", "List", "Edit"}) { 
            @Html.ActionLink(str, str, null, new { style = "margin: 5px" })   
        } 
    </div> 
}

<div class="view"> 
    This is a list of fruit names: 
    @foreach (string name in Model) { 
        <span><b>@name</b></span> 
    } 
</div>@section Footer { 
    <div class="view"> 
        This is the footer 
    </div> 
}

登录后复制

我们通过@section标签加section的名称来定义一个Section，这里创建了两个section：Header 和 Footer，习惯上一般把section放在View文件的开头或结尾以方便阅读。下面我们在 /Views/Shared/_Layout.cshtml 文件中来使用它们。

编辑 /Views/Shared/_Layout.cshtml 文件如下：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width" /> 
    <style type="text/css"> 
        div.layout { background-color: lightgray;} 
        div.view { border: thin solid black; margin: 10px 0;} 
    </style> 
    <title>@ViewBag.Title</title> 
</head> 
<body>
    @RenderSection("Header") 
 
    <div class="layout"> 
        This is part of the layout 
    </div> 
 
    @RenderBody() 
 
    <div class="layout"> 
        This is part of the layout 
    </div>

    @RenderSection("Footer")
<div class="layout"> 
        This is part of the layout 
    </div> 
</body> 
</html>

登录后复制

我们通过 @RenderSection 方法来调用section的内容，参数指定了section的名称。运行程序后可以看到如下结果：

注意，section只能在当前View或它的Layout中被调用。@RenderSection方法没有找到参数指定的section会抛异常，如果不确定section是否存在，则需要指定第二个参数的值为false，如下：

... 
@RenderSection("scripts", false) 
...

登录后复制

我们还可以通过 IsSectionDefined 方法来判断一个section是否被定义或在当前View中是否能调用得到，如：

... 
@if (IsSectionDefined("Footer")) { 
    @RenderSection("Footer") 
} else { 
    <h4>This is the default footer</h4>    
} 
...

登录后复制

Partial View

Partial view（分部视图）是将部分 Razor 和 Html 标签放在一个独立的视图文件中，以便在不同的地方重复利用。接下来介绍如何使用 partial view。

我们先来创建一个partial view 。在 /Views/Shared 目录下新建一个名为 MyPartial 的视图文件，勾选“创建为分部视图”，如下：

添加好的 partial view 文件是一个空文件，我们在这个文件中添加如下代码：

<div>
    This is the message from the partial view.
    @Html.ActionLink("This is a link to the Index action", "Index")
</div>

登录后复制

这个 MyPartial.cshtml 视图用将创建一个回到首页的连接。当然这里的 @Html.ActionLink 方法也是一种(Html helper)动态加载View内容的方式。

然后在 HomeController 中添加一个List action方法，如下：

public ActionResult List()
{
    return View();
}

登录后复制

继续为此添加一个 List.cshtml 视图，并通过@Html.Partial方法来调用我们要呈现的分部视图，如下：

@{
    ViewBag.Title = "List";
    Layout = null;
}
<h3>This is the /Views/Home/List.cshtml View</h3>
@Html.Partial("MyPartial")

登录后复制

视图引擎将按照规定的顺序先后在 /Views/Home 和 /Views/Shared 文件夹下查找 MyPartial 视图。

运行程序导航到 /Home/List，我们可以看到如下效果：

Partial view 和普通和 View 的使用没有什么区别，也可以使用强类型，如我们在 MyPartial.cshtml 中通过 @model 指定 model 的类型：

@model IEnumerable<string>

<div>
    This is the message from the partial view.
    @Html.ActionLink("This is a link to the Index action", "Index")
    
    <ul>
        @foreach (string str in Model)
        {
            <li>@str</li>
        }
    </ul>
</div>

登录后复制

并修改调用 MyPartial.cshtml 视图的主视图 List.cshtml 如下：

@{
    ViewBag.Title = "List";
    Layout = null;
}
<h3>This is the /Views/Home/List.cshtml View</h3>
@Html.Partial("MyPartial", new[] { "Apple", "Orange", "Pear" })

登录后复制

和上面不同的是，这里我们给 @Html.Partial 指定了第二个参数，将一个数组传递给了 MyPartial.cshtml 的 model 对象。运行效果如下：

Child Action

Child action 和 Patial view 类似，也是在应用程序的不同地方可以重复利用相同的子内容。不同的是，它是通过调用 controller 中的 action 方法来呈现子内容的，并且一般包含了业务的处理。任何 action 都可以作为子 action 。接下来介绍如何使用它。

在 HomeController 中添加一个 action，如下：

[ChildActionOnly]
public ActionResult Time()
{
    return PartialView(DateTime.Now);
}

登录后复制

这个 action 通过调用 PartialView 方法来返回一个 partial view。ChildActionOnly 特性保证了该 action 只能作为子action被调用（不是必须的）。

接着我们继续为这个action添加一个相应的 Time.cshtml 视图，代码如下：

@model DateTime

<p>The time is: @Model.ToShortTimeString()</p>

登录后复制

在 List.cshtml 视图中添加如下代码来调用 Time action 方法：

...
@Html.Action("Time")

登录后复制

运行结果如下：

我们通过 @Html.Action 方法来调用了 Time action 方法来呈现子内容。在这个方法中我们只传了一个action名称参数，MVC将根据当前View所在Controller去查找这个action。如果是调用其它 controller 中的 action 方法，则需要在第二个参数中指定 controller 的名称，如下：

... 
@Html.Action("Time", "MyController")

登录后复制

该方法也可以给 action 方法的参数传值，如对于下面带有参数的 action：

... 
[ChildActionOnly] 
public ActionResult Time(DateTime time) { 
    return PartialView(time); 
}

登录后复制

我们可以这样使用 @Html.Action 方法：

... 
@Html.Action("Time", new { time = DateTime.Now })

登录后复制

以上就是[ASP.NET MVC 小牛之路]12 的内容，更多相关内容请关注PHP中文网（www.php.cn）！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

Undresser.AI Undress

人工智能驱动的应用程序，用于创建逼真的裸体照片

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

免费脱衣服图片

Clothoff.io

AI脱衣机

AI Hentai Generator

免费生成ai无尽的。

显示更多

热工具

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

中文版，非常好用

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

显示更多

热门话题

gmail邮箱登陆入口在哪里

7318

Java教程

1625

CakePHP 教程

1349

Laravel 教程

1261

PHP教程

1209

显示更多

Related knowledge

PHP MVC 架构：构建面向未来的 Web 应用程序 Mar 03, 2024 am 09:01 AM

引言在当今快速发展的数字世界中，构建健壮、灵活且可维护的WEB应用程序至关重要。PHPmvc架构提供了实现这一目标的理想解决方案。MVC（模型-视图-控制器）是一种广泛使用的设计模式，可以将应用程序的各个方面分离为独立的组件。MVC架构的基础MVC架构的核心原理是分离关注点：模型：封装应用程序的数据和业务逻辑。视图：负责呈现数据并处理用户交互。控制器：协调模型和视图之间的交互，管理用户请求和业务逻辑。PHPMVC架构phpMVC架构遵循传统MVC模式，但也引入了语言特定的功能。以下是PHPMVC

PHP MVC 架构的进阶指南：解锁高级功能 Mar 03, 2024 am 09:23 AM

mvc架构（模型-视图-控制器）是PHP开发中最流行的模式之一，因为它为组织代码和简化WEB应用程序的开发提供了清晰的结构。虽然基本的MVC原理对于大多数Web应用程序来说已经足够，但对于需要处理复杂数据或实现高级功能的应用程序，它存在一些限制。分离模型层分离模型层是高级MVC架构中常见的一种技术。它涉及将模型类分解为更小的子类，每个子类专注于特定功能。例如，对于一个电子商务应用程序，您可以将主模型类分解为订单模型、产品模型和客户模型。这种分离有助于提高代码的可维护性和可重用性。使用依赖注入依赖

如何使用PHP实现MVC模式 Jun 07, 2023 pm 03:40 PM

MVC(Model-View-Controller)模式是一种常用的软件设计模式，可以帮助开发人员更好地组织和管理代码。MVC模式将应用程序分为三部分：模型（Model）、视图（View）和控制器（Controller），每个部分都有自己的角色和职责。在本文中，我们将讨论如何使用PHP实现MVC模式。模型（Model）模型代表应用程序的数据和数据处理。通常，

揭秘SpringMVC框架的成功：它为何广受欢迎 Jan 24, 2024 am 08:39 AM

SpringMVC框架解密：为什么它如此受欢迎，需要具体代码示例引言：在当今的软件开发领域中，SpringMVC框架已经成为开发者非常喜爱的一种选择。它是基于MVC架构模式的Web框架，提供了灵活、轻量级、高效的开发方式。本文将深入探讨SpringMVC框架的魅力所在，并通过具体的代码示例来展示其强大之处。一、SpringMVC框架的优势灵活的配置方式Spr

PHP中如何使用MVC架构设计项目 Jun 27, 2023 pm 12:18 PM

在Web开发中，MVC（Model-View-Controller）是一种常用的架构模式，用于处理和管理应用程序的数据、用户界面和控制逻辑。PHP作为流行的Web开发语言，也可以借助MVC架构来设计和构建Web应用程序。本文将介绍如何在PHP中使用MVC架构设计项目，并解释其优点和注意事项。什么是MVCMVC是一种软件架构模式，通常用于Web应用程序中。MV

从路由到视图——深入探究Beego的MVC架构 Jun 23, 2023 am 10:53 AM

Beego是一个基于Go语言的Web应用框架，具有高性能、简单易用和高可扩展性等优点。其中，MVC架构是Beego框架的核心设计理念之一，它可以帮助开发者更好地管理和组织代码，提高开发效率和代码质量。本文将深入探究Beego的MVC架构，让开发者更好地理解和使用Beego框架。一、MVC架构简介MVC，即Model-View-Controller，是一种常见

PHP8框架开发MVC：逐步指南 Sep 11, 2023 am 10:05 AM

PHP8框架开发MVC：逐步指南引言：MVC（Model-View-Controller）是一种常用的软件架构模式，用于将应用程序的逻辑、数据和用户界面分离。它提供了一种将应用程序分成三个不同组件的结构，以便更好地管理和维护代码。在本文中，我们将探讨如何使用PHP8框架来开发一个符合MVC模式的应用程序。第一步：理解MVC模式在开始开发MVC应用程序之前，我

Spring MVC详解：深入解析这个强大的框架 Dec 29, 2023 am 08:09 AM

SpringMVC是一个非常流行的JavaWeb开发框架，它以其强大的功能和灵活性而受到广泛的欢迎。它的设计思想是基于MVC（Model-View-Controller）架构模式，通过将应用程序分为模型、视图和控制器三个部分，实现了应用程序的解耦和模块化。在本文中，我们将深入探讨SpringMVC框架的各个方面，包括请求的处理和转发、模型和视图的处理、

See all articles

[ASP.NET MVC 小牛之路]12

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题