如何利用子视图(非分部页面)
背景:
在MVC中,可能会比较频繁的使用到子视图(非分部页面),例如把页面切换、页码搜索等制作成一个单独的控件,以实现代码的复用,减少代码的冗余度,同时提高页面的维护成本。
在ASP.NET MVC中子视图有多种实现方案,比如说一个完整的页面(非分部页面)仍然可以作为其他页面的子视图。
如存在以下控制器和动作方法:
1 public class SubViewTestController : Controller 2 { 3 public ActionResult Index() 4 { 5 return View(); 6 } 7 }
如果在创建视图时,没有选择分部视图的选项,如图:
视图的代码如下:

1 @{ 2 Layout = null; 3 } 4 5 <!DOCTYPE html> 6 7 <html> 8 <head> 9 <meta name="viewport" content="width=device-width" /> 10 <title>Index</title> 11 </head> 12 <body> 13 <div> 14 我是单独的视图 15 </div> 16 </body> 17 </html>
该视图被其他页面引用后,显示的效果仍然是一致的,如图红框区域所示:
但是在审查元素时发现在页面中有多个<head>元素,如图:
这样,在真实的项目中,很可能造成脚本文件相互覆盖的现象,产生界面效果不正确显示的现象。
尽量在创建子视图或者公共控件时,选择创建分部视图,审查元素如图:
引用分部视图的方法:
1 @Html.Partial("~/Views/Shared/subView.cshtml") 2 @Html.Action("Test")
在写公共控件时,可以考虑将控件写在同一个控制器中,如Common;
又可以在Controller文件夹下创建一个子文件夹,如sys,和普通的控制器区分开,使项目文件一目了然。
注意如果是调用动作方法,是可以传递参数的,如下:
1 @Html.Action("Test",new{para="好的"})
出处:http://www.cnblogs.com/SharpL/p/4860329.html
关注我】。(●'◡'●)
如果,您希望更容易地发现我的新博客,不妨点击一下绿色通道的【因为,我的写作热情也离不开您的肯定与支持,感谢您的阅读,我是【Jack_孟】!
本文来自博客园,作者:jack_Meng,转载请注明原文链接:https://www.cnblogs.com/mq0036/p/9082414.html
【免责声明】本文来自源于网络,如涉及版权或侵权问题,请及时联系我们,我们将第一时间删除或更改!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· NetPad:一个.NET开源、跨平台的C#编辑器