辅助器方法:
其作用就是对代码块和标记进行打包,以便能够在整个MVC框架应用程序中重用。
示类项目:
1.创建MVC项目:
添加Home控制器:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace MVC_ProjectDemo.Controllers
{
public class HomeController : Controller
{
// GET: Home
public ActionResult Index()
{
ViewBag.Fruits = new string[] {"Apple","Orange","Pear"};
ViewBag.Cities = new string[] {"New York","London","Pairs"};
string message = "This is an HTML element :<input>";
return View((object)message);
}
}
}
Index动作方法对应的View视图 Index.cshtml:
@model string
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
<div class="fruits">
@foreach (string fruit in (string[])ViewBag.Fruits) {
<b>@fruit</b>
}
</div>
<div class="cities">
@foreach (string city in (string[])ViewBag.Cities) {
<b>@city</b>
}
</div>
<div class="message">
<p>@Model</p>
</div>
</div>
</body>
</html>
运行程序:
数据在前台正常显示
2.创建自定义辅助器方法:
2.1创建内联的辅助器方法:
内联辅助器是在视图中定义的,使用@helper标签创建一个内联辅助器。
改写 Index.cshtml:
@model string
@{
Layout = null;
}
@*
定义辅助器方法ListArrayItems
参数:字符串数组
*@
@helper ListArrayItems(string[] items)
{
foreach (string item in items)
{
<b>@item</b>
}
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
<div class="fruits">
@ListArrayItems(ViewBag.Fruits)
</div>
<div class="cities">
@ListArrayItems(ViewBag.Cities)
</div>
<div class="message">
<p>@Model</p>
</div>
</div>
</body>
</html>
辅助器方法类似于C#中规则的方法,但是没有返回值,辅助器体的内容被处理,并被放到对客户端的响应之中。
好处就是如果后期有内容修改,只需修改一处即可。
2.2 创建外部辅助器方法
内联元素是方便的,但它们只能在当前视图中使用,而且,如果内联辅助器太复杂,可能会占据视图,而使视图难以阅读,
可以创建外部的HTML辅助器方法,它被表示成C#的扩展方法,
下面在当前的根目录下,添加HelperMethods文件夹,在该文件中,添加CustomerHelpers类:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace MVC_ProjectDemo.HelperMethods
{
public static class CustomerHelpers
{
//扩展方法
public static MvcHtmlString ListArrayItems(this HtmlHelper html,string[] list) {
TagBuilder tag = new TagBuilder("ul");//创建ul父元素
foreach (string s in list) {
TagBuilder itemTag = new TagBuilder("li");//创建li子元素
itemTag.SetInnerText(s);//设置元素内的文本值
tag.InnerHtml += itemTag.ToString();//赋给父元素
}
return new MvcHtmlString(tag.ToString());//返回html字符串对象
}
}
}
这乍一看有没有感觉像JS或Jquery中创建父子元素,只是在MVC的web类中支持使用C#创建html元素,
在View中使用外部辅助类方法:
1.使用@using引用命名空间
2.使用@Html.扩展方法名称 来引用辅助器,
@model string
@{
Layout = null;
}
@*引用命名空间*@
@using MVC_ProjectDemo.HelperMethods
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
<div class="fruits">
<div>
Here are the fruits:@Html.ListArrayItems((string[])ViewBag.Fruits)
</div>
<div>
Here are the cities:@Html.ListArrayItems((string[])ViewBag.Cities)
</div>
<div class="message">
<p>@Model</p>
</div>
</div>
</body>
</html>
注意:
需要将ViewBag对象的动态属性转换为外部辅助器所定义的类型
应用场景:
我认为使用辅助器方法,主要是减少视图的重复量,并且只用于最简单的内容。