在ASP.NETMVC框架中，HTML助手方法是一种用于在视图(View)中渲染指定HTML内容的工具。它们可以作为扩展方法实现。如果熟悉ASP.NET WebForms，可能会知道Web控件的概念，例如：<asp:TextBox />和<asp:Label />。在WebForms中使用这些控件时，它们会在浏览器中转换为相应的HTML控件，如<input type="text" />和<span></span>。HTML助手方法的作用与Web控件类似，它们允许在视图中渲染适当的HTML。
让以一个HTML助手方法的例子来说明它的外观：
@Html.TextBox("Myname","Mayur Lohite")
这个HTML助手方法将在视图中渲染以下HTML：
<input type="text" name="Myname" id="Myname" value="Mayur Lohite" />
MVC提供了丰富的HTML助手方法，例如：@Html.TextBox()、@Html.TextArea()、@Html.CheckBox()等。但是，如果仔细观察HTML助手，会发现没有为<img src="" />标签提供助手。因此，在本教程中，将创建自己的自定义助手方法来处理<img src="" />标签。
目标是实现类似这样的功能：
@Html.MyImage("~/Image/mayur.jpg","Mayur Lohite")
它将生成以下HTML：
<img src="/Image/mayur.jpg" alt="Mayur Lohite" />
如果仔细观察视图中的@Html，它是HtmlHelper类的属性。在视图中右键点击@Html并选择“转到定义”，将得到以下输出。
要创建自定义HTML助手，需要为HtmlHelper类创建一个扩展方法。这样可以通过@Html属性访问自定义方法。
需要在静态类中创建一个静态方法。第一个参数是正在添加扩展方法的类型。在例子中，它是HtmlHelper类。返回类型应该是IHtmlString，因为这些字符串将被排除在HTML编码之外。要创建HTML标签，需要使用TagBuilder类。
以下是代码示例：
namespace MyMVCApp.CustomHtmlHelpers
{
public static class CustomHtmlHelpers
{
public static IHtmlString MyImageHelper(
this HtmlHelper helper,
string src,
string alt)
{
TagBuilder tb = new TagBuilder("img");
tb.Attributes.Add("src", VirtualPathUtility.ToAbsolute(src));
tb.Attributes.Add("alt", alt);
return new MvcHtmlString(tb.ToString(TagRenderMode.SelfClosing));
}
}
}
已经创建了扩展方法。现在是时候在视图中调用它了。以下代码将给一个如何在视图中调用它的想法。
@using MyMVCApp.CustomHtmlHelpers;
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Custom Helper</title>
</head>
<body>
<div>
@Html.MyImage("~/Images/mayur.jpg", "Mayur Lohite")
</div>
</body>
</html>