温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何在ASP.NET MVC中使用分部视图

发布时间:2021-06-07 17:45:59 来源:亿速云 阅读:381 作者:Leah 栏目:开发技术

如何在ASP.NET MVC中使用分部视图?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

什么是分部视图,我们应该什么时候应该用?

作为一个对ASP.NET MVC 模型很熟悉的开发者,他们自然想创建一个内容和代码都可以重用的组件,在web 窗体,我们可以创建一个web用户控件或web服务器控件。但是在MVC,我们应该用分部视图,在这个概念的角度看,对任何情景的应用情景都应该有用。

在应用程序中,每一页上都显示这个股票行情

在应用程序中,一个日历控件显示在多个页面中

一个登录框

用于在多个页面上的社交网络组件,如Facebook的Like按钮。

虽然ASP.NET MVC 的分部视图,在语法和功能这两个不同的角度,理论上可以理解为用户控件。WEB用户控件在WEB窗体中使用ViewState、PostBacks, and Events 。而在MVC的分部视图,不使用任何上述技术管理状态。正如ASP.NET Web用户控件做的,分部视图,可以挖掘到你的应用程序以及其他应用程序组件之间的数据共享中的模型。

1、创建分部视图:

在解决方案管理器中,找到Views文件夹下的Shared文件夹,右键添加视图,选择创建为分部视图,如图:

如何在ASP.NET MVC中使用分部视图

2、修改分部视图:

<p>分部视图中的p元素</p>

3,在其他视图中引用分布视图:

 @Html.Partial("~/Views/Shared/IncludePart.cshtml");
 <p>原视图中的p元素</p>

效果如图所示:

如何在ASP.NET MVC中使用分部视图

4,第二种引用方法,代码如下:

 @Html.Action("Test","Home")
 <p>原视图中的p元素</p>

并且修改Home控制器中的Test动作方法,代码如下:

   public ActionResult Test()
   {
    return View("~/Views/Shared/IncludePart.cshtml");
   }

运行后的效果与3中的一致。

5,可以向Action中传递参数,代码如下:

 @Html.Action("Test", "Home", new { name = "SharpL", id = 1 })
 <p>原视图中的p元素</p>

修改分部视图中的代码为:

<p>我是分部视图</p>
<p>博客名为:@ViewBag.name</p>
<p>博客的id为:@ViewBag.id</p>

修改Home控制器中Test动作方法的代码如下:

public ActionResult Test(string name,int id)
  {
   ViewBag.id = id;
   ViewBag.name = name;
   return View("~/Views/Shared/IncludePart.cshtml");
  }

运行后的效果如图:

如何在ASP.NET MVC中使用分部视图

6,普通的视图也可以作分部视图使用

代码如下:

@Html.Partial("~/Views/View1.cshtml")

其中View1为普通视图如下:

 <p>我是普通视图中的p元素</p>

效果如图所示:

如何在ASP.NET MVC中使用分部视图

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI