如何应用ASP.NET MVC中的分部视图

概述:  

在ASP.NET Web Form的开发经验中,对于User Control使用比较频繁,可以减少重复的代码,利于页面模块化,这个概念也被引入了ASP.NET MVC.即“分部视图”。

1、创建分部视图:

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

2、修改分部视图:

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

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

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

效果如图所示:

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

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

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

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

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

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

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

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

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

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

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

运行后的效果如图:

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

代码如下:

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

其中View1为普通视图如下:

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

效果如图所示:

时间: 2024-10-13 15:53:11

如何应用ASP.NET MVC中的分部视图的相关文章

asp.net mvc 中的部分视图

使用方法:@Html.Action(action, controller)加载局部页面.例如在模板页中使用:@Html.Action("Contact", "Company")在CompanyController中有如下方法:public PartialViewResult Contact() {   return PartialView();} ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,

理解ASP.NET MVC中的Razor视图引擎

什么是 Razor ? Razor 是一种允许向网页中嵌入基于服务器的代码(C#)的标记语法,是微软针对ASP.NET MVC推出的模板引擎. C# 的主要 Razor 语法规则 Razor 代码封装于 @{ ... } 中 行内表达式(变量和函数)以 @ 开头 代码语句以分号结尾 字符串由引号包围 C# 代码对大小写敏感 C# 文件的扩展名是 .cshtml <!-- 单行代码块 --> @{ var myMessage = "Hello World"; } <!-

MVC中的分部视图

背景: 项目的工期马上就要到了,由于后台封装的很好,我们只需要用心熟悉框架,接下来后台的工作就是简单的代码工作了.原本以为最困难的时期已经过去,可没想到前台才是最困难的. B/S的基础十分薄弱,加上BS的项目做得少,遇到困难是避免不了的.霞姐说要界面灵活,那种在html里加onclick的时代已经过去.今天就来说说界面灵活之一--分部视图和Razor语法. 分部视图: 在一定程度上,分部视图与用户控件十分类似.他们都可以提高内容或代码的可重用性,但不同之处是,分部视图不需要使用ViewState

MVC中查看分部视图网页代码

首先打开谷歌Google Chrome浏览器,打开测试的网页,F12 或者Fn+F12 出现开发者工具 点这个新弹窗中的顶部右侧"Network "->All 可以看到网页所有内容了 记得按下F12后,重新F5刷新下页面,这个时候才开始监控 然后点能展示分部视图的按钮,右侧也可以监控到,这里右侧小窗顶部的Response可以展示分部视图的网页代码

Asp.Net MVC中使用ACE模板之Jqgrid

第一次看到ACE模板,有种感动,有种相见恨晚的感觉,于是迅速来研究.它本身是基于bootstrap和jqueryui,但更nice,整合之后为后台开发节省了大量时间. 发现虽然不是完美,整体效果还是不错,特此分享给园友.这一节先讲其中的Jqgrid.按照国际惯例,先上两张图. 集成了button,form,treeview以及日历,时间轴.chart等控件,非常丰富.下面是Jqgrid在MVC中的使用. jqgrid的加载,排序,查找都是基于后台方法,不是在内存中完成,但也有一些小坑.下面一一道

在 asp.net mvc中的简单分页算法

//第一步:建立如下分页实体类:namespace MVCPager.Helpers { /// <summary> /// 简单分页算法类 /// </summary> public class Pager { public int RecordCount { get; set; } public int PageIndex { get; set; } public int PageSize { get; set; } public int PageCount { get { r

关于 ASP.NET MVC 中的视图生成

在 ASP.NET MVC 中,我们将前端的呈现划分为三个独立的部分来实现,Controller 用来控制用户的操作,View 用来控制呈现的内容,Model 用来表示处理的数据. 从控制器到视图 通常,在 Controller 中,我们定义多个 Action ,每个 Action 的返回类型一般是 ActionResult,在 Action 处理的最后,我们返回对于视图的调用. public ActionResult Index() { return this.View(); } 默认情况下,

Asp.net MVC中的约定

Asp.net MVC项目中有很多默认约定.包括控制器约定.视图约定等等. 一.控制器约定 1.Controller必须是非静态类 2.Controller必须实现接口IController 3.控制器的类名必须以Controller结尾:如HomeController: 如下面是一个标准Controller: 1 public class HomeController : Controller 4.项目中引用控制器时,例如使用HTML RenderAction方法时,只需要指定前半部分的名称:

log4net 使用总结- (2)在ASP.NET MVC 中使用

log4net在ASP.NET MVC中的配置,还有一种配置方式,即不在web.config中,而是单独新建一个log4net.config 在根目录下 第一.引用log4net.dll 第二.在站点根目录下增加log4net.config <?xml version="1.0" encoding="utf-8" ?> <configuration> <configSections> <section name="