MVC视图中的@Html.xxx(...)

ASP.NET MVC视图中的@Html.xxx(...)

 

问题

在视图页中@Html.xxx(...)是什么？如何被执行？

如下图所示：
　　

解疑

视图页中@Html.xxx(...)涉及的内容有：

• 视图页被编译后的类继承自 WebViewPage<T>：WebViewPage：WebPageBase：WebPageRenderingBase：WebPageExecutingBase
• 在进行View呈现过程中，创建视图页对象实例，此时 初始化了一个HtmlHelper对象，并赋值给其父类的一个名为Html的属性，@Html.xxx(...)中的Html就是该属性
• 视图页中的@Html.xxx(...)，经过编译之后，则变成该视图页对象Execute方法中的一段代码，即：this.Write(this.Html.xxx(xxx));
• xxx是HtmlHelper类的扩展方法

以@Html.TextBox(...)为例进行详细分析：

　　在ASP.NET MVC 中，视图页都被编译成继承自WebViewPage<T>的类，而在进行 View呈现 的过程中，需要通过反射创建视图页类的实例（Object类型），然后再将该实例转换为WebViewPage类型，并进行一些初始化操作，就在初始化时，创建了HtmlHelper对象，并赋值给其属性Html。

public abstract class BuildManagerCompiledView : IView
{
    public void Render(ViewContext viewContext, TextWriter writer)
    {
        if (viewContext == null)
        {
            throw new ArgumentNullException("viewContext");
        }
 
        object instance = null;
        //获取被编译的视图页(cshtml文件)的类型                                                                 
        Type type = BuildManager.GetCompiledType(ViewPath);
        if (type != null)
        {
            //通过SingleServiceResolver利用反射和缓存的原理创建视图页的实例，过程类似SingleServiceResolver类对Controller的激活。
            instance = ViewPageActivator.Create(_controllerContext, type);
        }
 
        if (instance == null)
        {
            throw new InvalidOperationException(
                String.Format(
                    CultureInfo.CurrentCulture,
                    MvcResources.CshtmlView_ViewCouldNotBeCreated,
                    ViewPath));
        }
        //执行RenderView方法
        RenderView(viewContext, writer, instance);
    }
}
public class RazorView : BuildManagerCompiledView
{
    protected override void RenderView(ViewContext viewContext, TextWriter writer, object instance)
    {
        if (writer == null)
        {
            throw new ArgumentNullException("writer");
        }
        //将视图页实例转换为WebViewPage对象。
        WebViewPage webViewPage = instance as WebViewPage;
        if (webViewPage == null)
        {
            throw new InvalidOperationException(
                String.Format(
                    CultureInfo.CurrentCulture,
                    MvcResources.CshtmlView_WrongViewBase,
                    ViewPath));
        }
        webViewPage.OverridenLayoutPath = LayoutPath;//母板路径（在第二步中，创建RazorView对象时，由构造函数导入）
        webViewPage.VirtualPath = ViewPath;          //该视图路径
        webViewPage.ViewContext = viewContext;       //视图上下文，其中有TempData、controllerContext、ViewData等
        webViewPage.ViewData = viewContext.ViewData;
        
        //WebViewPage对象初始化，执行创建3个xxHelper对象AjaxHelper、HtmlHelper、UrlHelper。
        webViewPage.InitHelpers();
 
        if (VirtualPathFactory != null)
        {
            webViewPage.VirtualPathFactory = VirtualPathFactory;
        }
        if (DisplayModeProvider != null)
        {
            webViewPage.DisplayModeProvider = DisplayModeProvider;
        }
 
        WebPageRenderingBase startPage = null;
        if (RunViewStartPages)
        {
            startPage = StartPageLookup(webViewPage, RazorViewEngine.ViewStartFileName, ViewStartFileExtensions);
        }
        //按层次结构处理视图页的内容。
        webViewPage.ExecutePageHierarchy(new WebPageContext(context: viewContext.HttpContext, page: null, model: null), writer, startPage);
    }
}

public abstract class WebViewPage : WebPageBase, IViewDataContainer, IViewStartPageChild
{
    //省略其他代码...
    public AjaxHelper<object> Ajax
    {
        get;
        set;
    }
    
    public HtmlHelper<object> Html
    {
        get;
        set;
    }
    
    public UrlHelper Url
    {
        get;
        set;
    }
    
    public ViewContext ViewContext
    {
        get;
        set;
    }
    
    public virtual void InitHelpers()
    {
        this.Ajax = new AjaxHelper<object>(this.ViewContext, this);
        this.Html = new HtmlHelper<object>(this.ViewContext, this);
        this.Url = new UrlHelper(this.ViewContext.RequestContext);
    }
}

 “_Index.cshtml”经编译后的结果为：

　　如上图所示，“@Html.TextBox(‘txtUser’)” 经过编译后，就是去执行base.Html.TextBox("txtUser")，又由类继承关系可知，base.Html的值就是一个HtmlHelper对象(视图页对象转换为WebViewPage类型后，初始化时创建的)。而TextBox("txtUser")，则是HtmlHelper的扩展方法！

 

　　代码中，TextBox等扩展方法最终调用InputHelper方法，从而生成对应字符串类型的html标签(如：<input type='text"...>)，然后将标签封装到一个MvcHtmlString对象中，并返回。即：base.Html.TextBox("txtUser")的执行结果就是一个封装了html标签内容的MvcHtmlString对象。之后执行this.Write(base.Html.TextBox("txtUser"))时，会执行MvcHtmlString对象的 ToHtmlString()方法获取html标签，最终将标签内容写入到响应给客户端的内容中！

 

 

 

 以下展示如何从MmvHtmlString对象中得到被封装的html标签(如：<input type='text"...>)，并写入到Http响应内容中！

 最终，将生成的html标签以字符串的形式写入到Http响应内容中！

 以上只对HtmlHelper的扩展方法TextBox进行了介绍，其他的扩展方法童鞋们自行补脑了！上述如有不适之处，请指正！！！

扩展：

　　可以通过创建一个HtmlHelper的扩展方法，从而实现一个自定义控件！

 

 

分类: MVC

标签: ASP.NET MVC