ASP.NET MVC之分部视图和ChildAction(三)

简介:

前言

上节我们已经非常清晰并且明确的讲了@Html.ActionLink的作用,这一节我们开始讲讲分部视图以及孩子Action。

话题

在C#中我们知道继承的目的是为了代码的复用,在Web应用程序同样也是如此,同样重复的代码我们需要进行复用。 例如在博客园我们需要渲染每个博客园友的信息。下面我们开始进行演示。我们在创建的项目中的Models文件夹下添加如下一个博客类:

复制代码
    public class Blog
    {
        public long Id { get; set; }

        public string Name { get; set; }

        public string BlogAddress { get; set; }

        public string Description { get; set; }

    }
复制代码

紧接着我们添加一个博客控制器,如下:

复制代码
        public ActionResult Index()
        {
            List<Blog> blogs = new List<Blog>()
            {
                new Blog { Id =1, Name ="xpy0928 1",BlogAddress="http://www.cnblogs.com/CreateMyself/", Description ="出生非贫即贵,你我无能为力"},
                new Blog { Id =2, Name ="xpy0928 2", BlogAddress="http://www.cnblogs.com/CreateMyself/",Description ="后天若不加以努力赶之超之,又能怪谁呢!"},
                new Blog { Id =3, Name ="xpy0928 3",BlogAddress="http://www.cnblogs.com/CreateMyself/", Description ="自己都靠不住不靠谱,又能靠谁呢!" },
                new Blog { Id =4, Name ="xpy0928 4", BlogAddress="http://www.cnblogs.com/CreateMyself/",Description ="靠自己!"}
            };
            return View(blogs);
        }
复制代码

最后我们在该Action方法对应的视图Index添加如下代码:

复制代码
@model IEnumerable<ASP.NET_MVC_3.Models.Blog>

<style type="text/css">
    span {
        color: white;
    }
</style>
@foreach (var product in Model)
    {
    <div style="background-color:crimson">
        ID: <span>@product.Id</span>
        Name: <span>@product.Name</span>
        Description: <span>@product.Description</span>
        Price: <span>@product.Price</span>
        <hr style="color:white" />
    </div>
    }
复制代码

下面我们运行程序看看效果:

 上面我们简单的描述了下获取博客的相关信息,一切都是正常的进行。

那么问题来了,要是每个博客对象有很多属性那该如何呢?要是我们想在所有页面都要获取对象的信息又该如何呢?

难道我们就需要在所有页面都要写出所有的对象的属性吗?No,MVC已经完全给出了解决方案:利用分部视图。接下来我们进入分部视图。

分部视图

在上面的基础上,我们来进行改造,我们将视图Index页面改写成如下:

复制代码
@model IEnumerable<ASP.NET_MVC_3.Models.Blog>

<style type="text/css">
    span {
        color: white;
    }
</style>

<h2>Blogs</h2>


@foreach (var blog in Model)
{
    @Html.Partial("BlogDetails", blog)

}
复制代码

在上述我们利用  @Html.Partial 该方法来请求分部视图,同样我们可以利用 Html.RenderPartial 来请求分部视图,但是这二者处理起来有点区别,当我们在利用 @Html.Partial 渲染分部视图时我们这样用:

@foreach (var blog in Model)
{
   @Html.Partial("BlogDetails",blog)
   
}

但是我们利用 Html.RenderPartial 时,如下:

@foreach (var blog in Model)
{
   Html.RenderPartial("BlogDetails",blog)
   
}

此时或报错,如下:

也就是说在该句末尾必须添加分号(;)。而@Html.Partial有无分号(;)皆可,这个是需要注意的地方,二者还有其他区别。

区别

@Html.Partial返回字符串,而Html.RenderPartial返回void,我们完全可以保存@Html.Partial在一个变量中或者从一个函数中进行返回,但是在Html.RenderPartial不能这样做,因为其结果在执行期间已经写到了响应流中 ,由于Html.RenderPartial将结果写到了响应流中所以Html.RenderPartial的比@Html.Partial执行更加快且高效。因此建议使用Html.RenderPartial。

我们接着在Views文件夹下的Shared下添加BlogDetails视图,并添加如下代码:

复制代码
@model  ASP.NET_MVC_3.Models.Blog

<div style="background-color: crimson">
    ID: <span>@Model.Id</span>
    Name: <span>@Model.Name</span>
    BlogAddress: <span>@Model.BlogAddress</span>
    Description: <span>@Model.Description</span>
    <hr style="color: white" />
</div>
复制代码

下面我们继续来看看结果:

我们利用分部视图复用了代码,如果我们想改变对象或者添加属性我们只需要改变分部视图即可,利用分部视图动态进行渲染。上述我们是利用分部视图进行渲染数据。

那么问题来了,我们上述利用分部视图是直接请求视图,要是我们需要根据博客对象传到后台进行处理过滤数据,我们该如何做呢?请继续往下看。

ChildAction(孩子Action)

在上述中我们需要将遍历的博客对象传到后台进行相应的处理来过滤数据最终跳转到分部视图,此时我们需要用到ChildAction特性,我们首先在博客控制器下再创建一个方法,如下:

复制代码
        public ActionResult DisplayBlog(Blog blog)
        {
            switch (blog.Id)
            {
                case 1:
                    blog.Name = "Child Action Blog 1";
                    blog.Description = "Child Action Description 1";
                    break;
                case 2:
                    blog.Name = "Child Action Blog 2";
                    blog.Description = "Child Action Description 2";
                    break;
                case 3:
                    blog.Name = "Child Action Blog 3";
                    blog.Description = "Child Action Description 3";
                    break;
                case 4:
                    blog.Name = "Child Action Blog 4";
                    blog.Description = "Child Action Description 4";
                    break;
                default:
                    break;
            }

            return PartialView("BlogDetails", blog);
        }
复制代码

接下来我们在Index页面需要请求Action方法,如下:

复制代码
@model IEnumerable<ASP.NET_MVC_3.Models.Blog>

<style type="text/css">
    span {
        color: white;
    }
</style>

<h2>Blogs</h2>


@foreach (var blog in Model)
{
    @Html.Action("Displayblog", blog)
}
复制代码

此时我们运行程序看看,结果如下:

结果正确,但是我们得注意到上述我们没有用到ChildAction特性,要是有心人直接请求Blog控制器下的DisplayBlog方法呢?我们来看看结果:

没有得到我们预想的结果,因为我们需要通过Index视图传过来的博客对象并对对象作出相应的处理而返回对应的数据,我们直接去请求肯定不会达到我们所预想。由于我们是通过Index视图传到DisplayBlog方法,也就是说该方法只是起到了一个间接的作用也就是作为Index的子方法,所以此时我们在该方法上添加如下一句:

        [ChildActionOnly]
        public ActionResult DisplayBlog(Blog blog)

此时我们照样也得到上述结果,但是当我们直接请求该方法,那么结果该如何呢?我们来看下:

通过[ChildAction]特性修饰后,上述我们是直接请求该DisplayBlog所以会出现如下错误,这样就完全达到了我们的期望,此时若直接请求该方法出现如上错误,我们完全可以捕捉到该异常,进行下异常处理并响应不存在该页面,访问出错即可。

结语 

本节我们讲了分部视图以及ChildAction的用途,同时也比较两种分部视图执行的高效问题,希望对阅读本篇文章的你有点帮助,我们下节再见。





本文转自Jeffcky博客园博客,原文链接:http://www.cnblogs.com/CreateMyself/p/5392526.html,如需转载请自行联系原作者

目录
相关文章
|
3月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
42 0
|
14天前
|
前端开发 Java Spring
数据之桥:深入Spring MVC中传递数据给视图的实用指南
数据之桥:深入Spring MVC中传递数据给视图的实用指南
29 3
|
1月前
|
开发框架 前端开发 .NET
进入ASP .net mvc的世界
进入ASP .net mvc的世界
29 0
|
1月前
mvc.net分页查询案例——mvc-paper.css
mvc.net分页查询案例——mvc-paper.css
5 0
|
1月前
|
存储 设计模式 前端开发
请解释 Web 应用程序的 MVC(模型-视图-控制器)架构。
【2月更文挑战第26天】【2月更文挑战第89篇】请解释 Web 应用程序的 MVC(模型-视图-控制器)架构。
|
1月前
|
开发框架 前端开发 .NET
C# .NET面试系列六:ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中,TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制,但它们有一些区别。 <b>TempData:</b> 1、生命周期 ```c# TempData 的生命周期是短暂的,数据只在当前请求和下一次请求之间有效。一旦数据被读取,它就会被标记为已读,下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据,例如在一个动作中设置 TempData,然后在重定向到另
100 5
|
3月前
|
XML 前端开发 定位技术
C#(NET Core3.1 MVC)生成站点地图(sitemap.xml)
C#(NET Core3.1 MVC)生成站点地图(sitemap.xml)
25 0
|
3月前
|
前端开发
.net core mvc获取IP地址和IP所在地(其实是百度的)
.net core mvc获取IP地址和IP所在地(其实是百度的)
124 0
|
前端开发 数据安全/隐私保护
net MVC中的模型绑定、验证以及ModelState
net MVC中的模型绑定、验证以及ModelState 模型绑定 模型绑定应该很容易理解,就是传递过来的数据,创建对应的model并把数据赋予model的属性,这样model的字段就有值了。
1653 0
|
8月前
|
存储 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(五)
经过一段时间的准备,新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始,在之前的文章中,讲解了商城系统的整体功能设计,页面布局设计,环境搭建,系统配置,及首页【商品类型,banner条,友情链接,降价促销,新品爆款】,商品列表页面,商品详情等功能的开发,今天继续讲解购物车功能开发,仅供学习分享使用,如有不足之处,还请指正。
117 0