.Net的Page请求过程:
如上图如示,我们向web服务器请求一个.aspx页面,首先是经过IIS,IIS发现自己处理不了这个请求,于是通过aspnet_isapi.dll调度给asp.net引擎来处理。.Net首先初始化HttpModule,比如说,CacheModule,Custommodule,SessionModule,AuthModule等,最终通过HttpHandler处理程序来处理并最终生成Html代码,返回Client端。
Http Module概述
HttpModule是实现了IHttpModule接口的程序集。IHttpModule
接口本身不过是一个普通的接口而已。实际上,我们关心的是实现了这个接口的类,如果我们也编写代码实
现了这个接口,那么有什么用途。一般来说,我们可以将Asp.Net中的事件分成三个级别,最顶层是应用程序级事件、其次是页面级事件、最下面是控件级事件,事件的触发分别与应用程序周期、页面周期、控件周期紧密相关。而HttpModule的作用是与应用程序事件密切相关的。
注册HttpModule
在介绍HttpModule注册之前,我们先来看一下Asp.Net内置的一些HttpModule。我们找到C:"WINDOWS"Microsoft.NET"Framework"
v2.0.50727"CONFIG 目录下的 web.config文件。找到<httpModules/>结点,你可以看到下面的内容:
<httpModules> <add name="OutputCache" type="System.Web.Caching.OutputCacheModule" /> <add name="Session" type="System.Web.SessionState.SessionStateModule" /> <add name="WindowsAuthentication" type="System.Web.Security.WindowsAuthenticationModule" /> <add name="FormsAuthentication" type="System.Web.Security.FormsAuthenticationModule" /> <add name="PassportAuthentication" type="System.Web.Security.PassportAuthenticationModule" /> <add name="RoleManager" type="System.Web.Security.RoleManagerModule" /> <add name="UrlAuthorization" type="System.Web.Security.UrlAuthorizationModule" /> ... </httpModules>
name就.net内置的HttpModule名称,type就是指定该HttpModule所在的类。
用简单的Demo介绍下如何使用自定义的HttpModule:
需求:在每个请求的结果页面中,头尾处都要打印出一串字符:www.cnblogs.com
如:
www.cnblogs.com
page内容
www.cnblogs.com
实现方案:
我们实现一个自定义的TagHttpModule,在页面开始请求的时候(BeginRquest)先打印出我们所需要的字符串www.cnblogs.com,页面请求结束之前(EndRequest)在一次打印出我们所需要的字符串www.cnblogs.com。
using System; using System.Web; namespace megajoydemo.HttpModule { public class TagModule:IHttpModule { #region IHttpModule 成员 public void Dispose() { throw new Exception("The method or operation is not implemented."); }
//页面初始化 public void Init(HttpApplication context) { context.BeginRequest += new EventHandler(BeginRequestEvent); context.EndRequest += new EventHandler(EndRequestEvent); }
//开始请求 public void BeginRequestEvent(object obj,EventArgs e) { HttpContext.Current.Response.Write("www.cnblogs.com"); }
//结束请求前 public void EndRequestEvent(object obj, EventArgs e) { HttpContext.Current.Response.Write("www.cnblogs.com"); } #endregion } }
TagHttpModule实现了我们所需要的功能,接下来我们需要在WebConfig文件中注册这个HttpModule:
<system.web> <httpModules> <add name="TagModule" type="megajoydemo.HttpModule.TagModule,megajoydemo"/> </httpModules> </system.web>
name是自定义HttpModule的名称,type指定所在的类,最后type="megajoydemo.HttpModule.TagModule,megajoydemo"表示命名空间。
OK,到此我们知道怎么实现自定义的HTTPModule了。
HttpHandler概述
什么是HttpHandler?每个asp.net开发人员都已经写了成百上千个HttpHandler,其实普通的aspx页页其实就是一个HttpHandler,因为它实现了IHttpHandler接口。
HttpHandler就是最终响应Http请求,生成Http响应的处理器,它的实例是由asp.net运行时创建,并生成在asp.net运行时环境中。
如果asp.net运行是是处理请求的工厂,那么HttpHandler就是处理请求的工人。
那么什么情况下,我们需要自定义的HttpHandler呢?一般情况下我们响应clienl请求的都是Html页面,这种情况下,System.Web.UI.Page类这个默认的HttpHandler完全可以胜任这个工作,但有些时候我们响应给client端的不一定就是Html页面,如果是XML或者图片呢?这个时候HttpHandler就派上用场了。
注册HttpHandler:
同样在介绍HttpHandler注册之前,我们先来看一下asp.net内置的一些HttpHandler。我们找到C:"WINDOWS"Microsoft.NET"Framework"
v2.0.50727"CONFIG目录下的 web.config文件。找到<httpHandlers>结点:
<httpHandlers> <add path="*.axd" verb="*" type="System.Web.HttpNotFoundHandler" validate="true"/> <add path="*.aspx" verb="*" type="System.Web.UI.PageHandlerFactory" validate="true"/> <add path="*.ashx" verb="*" type="System.Web.UI.SimpleHandlerFactory" validate="true"/> ... </httpHandlers>
Path就是指定请求的扩展名,verb就是请求的方式(Post,Get),type指定处理类。
用简单的Demo来进一步的了解HttpHandler的作用:
需求:实现图片的水印效果
using System; using System.Drawing; using System.Configuration; using System.Web; using System.Web.UI; public class ImageHandler : IHttpHandler { public ImageHandler(){} #region IHttpHandler 成员 public bool IsReusable { get { return false; } } private Image GetOriginalImage(HttpContext context) { Image originalImage = Image.FromFile( context.Server.MapPath("~/images/DefaultVideoCover.jpg")); return originalImage.Clone() as Image; } public void ProcessRequest(HttpContext context) { Image originalImage = GetOriginalImage(context); Graphics graphic = Graphics.FromImage(originalImage); Font font = new Font("幼圆", 24.0f, FontStyle.Regular); string query = HttpUtility.UrlDecode(context.Request.QueryString["query"]); graphic.DrawString( query, font, new SolidBrush(Color.Red), 20.0f, originalImage.Height - font.Height+9); originalImage.Save(context.Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg); graphic.Dispose(); originalImage.Dispose(); } #endregion }
ImageHandler实现了我们所需要的功能,接下来我们需要在WebConfig文件中注册这个ImageHandler
<system.web> <httpHandlers> <addverb="*"path="*.jpg"type="ImageHandler"/> </httpHandlers> </system.web>
OK,到此我们知道怎么实现自定义的HttpHandler。
下面我们来认识一下.Net控件是如何工作的,就以TextBox控件来介绍吧。
步骤1:TextBox是如何解析成对象的?
我新建了一个aspx页面,代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ParseTextBox.aspx.cs" Inherits="megajoydemo.ParseTextBox" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> </head> <body> <form id="form1" runat="server"> <div> <asp:TextBox ID="TextBox1" runat="server">red</asp:TextBox> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /> </div> </form> </body> </html>
当我们编译这个工程时,.Net会在C:"WINDOWS"Microsoft.NET"Framework"v2.0.50727"Temporary ASP.NET Files目录下,生成一个解析页面的程序集,这里我copy出解析TextBox控件的代码:
[DebuggerNonUserCode] private TextBox __BuildControlTextBox1() { TextBox __ctrl = new TextBox(); base.TextBox1 = __ctrl; __ctrl.ApplyStyleSheetSkin(this); __ctrl.ID = "TextBox1"; __ctrl.Text = "red"; return __ctrl; }
这时也许有人会问,.Net是怎么知道我们输入的red是Text的值呢?
我们可以利用System.Web.UI.ParseChildrenAttribute类控制控件对其内容的解析行为。ParseChildrenAttribute的构造函数有四个版本,如下表如示:
通过查看TextBox的源代码我们可以清楚的看到,TextBox的ParseChildren属性被设成ParseChildren(True,”Text”)。
现在我们知道了TextBox是如何把red解析为Text属性的。接下来我们来自定义一个TextBox控件,并且增加一个TextColor属性,如
[ParseChildren(true, "TextColor")] public class CustomTextBox :TextBox { private string textColor; public string TextColor { get { return textColor; } set { textColor = value; } } }
我们在页面中引用CustomTextBox:
<cc1:CustomTextBox ID="CustomTextBox1"
runat="server" >red</cc1:CustomTextBox>
.Net的解析如下:
[DebuggerNonUserCode] private CustomTextBox __BuildControlCustomTextBox1() { CustomTextBox __ctrl = new CustomTextBox(); base.CustomTextBox1 = __ctrl; __ctrl.ApplyStyleSheetSkin(this); __ctrl.ID = "CustomTextBox1"; __ctrl.TextColor = "red"; return __ctrl; }
Red被解析为TextColor属性的值了。
2. 如何持久化TextColor值。说到持久化,我们很自然的就想到了ViewState。实现代码如下:
public string TextColor { get { if (ViewState["TextColor"]==null) { return string.Empty; } return ViewState["TextColor"].ToString(); } set { ViewState["TextColor"] = value; } }
3.
数据回传
数据回传其实就是web表单提交回服务器,Asp.net运行时将提交回的表单数据包装成一个NameValueCollection,其中的Name就是表单域的name属性(所以要实现数据回传就要为控件提供name属性),而value就是表单域的值。
在处理页面时,Asp.net将会遍历所有的子控件,如果子控件实现了IPostBackDataHandler接口,页面就会把该控件对应的名字和整个NameValueCollection作为参数,调用控件的LoadPostData()方法。
因此,所有实现了IPostBackDataHandler接口的控件都获得了从回传表单中获取新值的机会。这也就是为什么TextBox禁用了ViewState,但还是可以保存值的原因了。
再进一步,可以在LoadPostData()方法中判断控件的值和传回的新值相不相等,如果不相等,可以让LoadPostData()方法返回true值,此时页面会记下该控件数据发生了改变。在所有控件都回载完回传数据之后,页面将在RaiseChangeEvents过程中调用LoadPostData()方法返回true的控件的RaisePostDataChangedAEvent()方法。在RaisePostDataChangedEvent()方法里,我们可以根据需要触发相应的控件事件。
#region IPostBackDataHandler 成员 public bool LoadPostData(string postDataKey, System.Collections.Specialized.NameValueCollection postCollection) { string text = this.Text; string text2 = postCollection[postDataKey]; if (!text.Equals(text2, StringComparison.Ordinal)) { this.Text = text2; return true; } return false; } public void RaisePostDataChangedEvent() { EventHandler handler = (EventHandler)Events[EventTextChanged]; if (handler != null) { handler(this, EventArgs.Empty); } } #endregion
4. 事件回传
当页面发送到客户端浏览器后,用户对页面的操作本质上中会触发客户端的事件,比如用户点击一个<input
type=’button’/>的按钮,触发的click事件其实只不过是客户端按钮的click事件,那么这个事件又是怎么“传染”到服务器端的呢?
我们先来看看服务器端控件生成的客户端代码,比如LinkButton呈现的代码如下:
<a id="LinkButton1" href="javascript:__doPostBack(‘LinkButton1‘,‘‘)">LinkButton</a> 在这句代码中,我们可以看到__doPostBack()这个function的身影,那么它又是何方神圣呢? 在需要回传的页面中,Asp.net生成了两个隐藏表单域和一段javascript脚本,以支持所有控件的回传: <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE4NDIzMDg2NDRkZDtiLoa3YH4xxYC5CiEca+ZHJxn8" /> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms[‘form1‘]; if (!theForm) { theForm = document.form1; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script>
结合前面的代码段,可以看到需要触发服务器端事件的控件其实是调用了_
doPostBack这个function,分别把事件源和事件的参数赋值给表单中的两个隐藏域:__EVENTTARGET和__EVENTARGUMENT,然后提交表单到服务器端。
在页面的生命周期当中,有一个专门处理页面回传事件的阶段:RaisePostBack,在这个阶段,页面会根据_EVENTTARGET的值找到事件源控件,然后触发该控件的RaisePostBackEvent方法,并把__EVENTARGUMENT作为参数传给控件。
此时,页面要求控件具有RaisePostBack方法,也就是说该控件必须实现IPostBackEventHandler接口。
站外扩展阅读: