• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
 

问题

在视图页中@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的扩展方法！

 InputExtensions

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

 IHtmlString
 HtmlString
 MvcHtmlString

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

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

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

扩展：

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

 
 
MVC
ASP.NET MVC

问题

在视图页中@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的扩展方法！

 InputExtensions

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

 IHtmlString
 HtmlString
 MvcHtmlString

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

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

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

扩展：

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

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
Asp.NetCore轻松学-被低估的过滤器发布时间：2022-07-10
下一篇：
C#ASP.NET开发指引简要发布时间：2022-07-10
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap