【页面重建】 之 页面状态的传递

     每一次页面被请求,或者页面事件被提交到服务器,asp.net运行环境将执行必要的代码,重建整个页面,把结果页面送到浏览器,然后抛弃页面的变量、控件的状态和属性等等页面信息。当下一次页面被处理时,asp.net运行环境是不知道它的上一次执行情况的。在这个意义上,ASPX页面是没有状态的。这也是HTTP协议的特点(为了加速页面的访问,在asp.net页面里面可以使用缓存机制,也就是保存页面的执行结果,下一次页面被请求时,直接送回上一次的执行结果。)。

     在ASP中,当页面被提交到服务器端时,只有那些用户输入的值被传递到服务器。其他的比如组件的属性、变量的值,是不会传递的。所以服务器无法了解组件的进一步的信息。

     在ASP.NET中,页面对象的属性、页面控件的属性被称为“view state”(页面状态)。页面状态在asp.net中被受到特别关照。

     请看服务器端(page1.aspx)的代码:

 

<!--源文件:form"web页面简介"page1.aspx-->

 <HTML>

 <BODY>

 <SCRIPT language="VB" runat="server">

   Sub ShowValues(Sender As Object, Args As EventArgs)

     divResult.innerText = "You selected '" _ 

 & selOpSys.value & "' for machine '" _ 

     & txtName.value & "'."

     End Sub

 </SCRIPT>

 <DIV id="divResult" runat="server">

</DIV>

<FORM runat="server">

机器名:

<INPUT type="text" id="txtName" runat="server">

   <P />

 操作系统:

      <select id="selOpSys" size="1" runat="server">

          <OPTION>Windows 95</OPTION>

         <OPTION>Windows 98</OPTION>

         <OPTION>Windows NT4</OPTION>

          <OPTION>Windows 2000</OPTION>

       </SELECT>

     <P />

 <INPUT type="submit" value="Submit" runat="server" onserverclick="ShowValues">        

 </FORM>

   </BODY>

</HTML>

-----------------------------------------------------------------------------------------

 

    运行后将自动被解释成客户端代码,如下:

<HTML>

<BODY>

You  selected  'Windows  98'  for  machine  'iceberg'.

<FORM  name="ctrl0"  method="post"  action="pageone.aspx"  id="ctrl0">

<INPUT  type="hidden"  name="__VIEWSTATE"  value="a0z1741688109__x">

机器名:

<INPUT  type="text"  id="txtName"  name="txtName"  value="tizzy">

       <P  />

操作系统:

<SELECT  id="selOpSys"  size="1"  name="selOpSys">

   <OPTION  value="Windows  95">Windows  95</OPTION>

     <OPTION  selected  value="Windows  98">Windows  98</OPTION>

         <OPTION  value="Windows  NT4">Windows  NT4</OPTION>

   <OPTION  value="Windows  2000">Windows  2000</OPTION>

     </SELECT>

 <P  />

   <INPUT  type="submit"  value="Submit">

   </FORM>

 </BODY>

</HTML>

 

-----------------------------------------------------------------------------------

 

    对于上面的代码,服务器端控件能在服务器端脚本中被自由运用。如果我们用传统的ASP代码实现上述的功能的话:

    If  Len(Request.Form("selOpSys"))  >  0  Then

        StrOpSys  =  Request.Form("selOpSys")

        StrName  =  Request.Form("txtName")

        Response.Write("You  selected  '"  &  strOpSys  _                                        

        &  "'  for  machine  '"  &  strName  &  "'.")

    End  If

  

    如果我们用asp.net的话,程序代码如下:

     If  Len(selOpSys.value)  >  0  Then

        Response.Write("You  selected  '"  &  selOpSys.value  _

        &  "'  for  machine  '"  &  txtName.value  &  "'.")

     End  If

 --------------------------------------------------------------------------------------------------

    通过上面例子不难看出:asp.net页面具有组件方式的方便性和灵活性。

    请注意:

     ㈠asp.net通过把页面的状态封装到一个隐藏的输入域,从而可以在不同的页面之间实现传递页面的状态

     ㈡asp.net也支持应用程序一级的状态管理。这个特性在ASP中就已经实现。

     

在ASP.Net中对各个WebForm控件引入以前没有的EnableViewState属性。这个属性究竟有什么用。我们知道对于WebForm而言,其代码是在服务器端的,以处理客户端的请求。当用户通过浏览器浏览网页的时候,会对网页进行某些操作,比如打开新链接,或单击某个按钮。在ASP中,这些是通过脚本语言对其进行处理,之后再传递给服务器端。但是在ASP.NET下,由于采用了code behind技术,在coding的时候,通常是将以前客户端完成的工作放到了服务器端。

那么,服务器是怎么知道客户的操作的呢?比如我在文本框输入的内容,或者单击了登录按钮,服务器端是怎样得到这些信息的呢?因为没有这些信息,服务器端就无法响应客户的请求。原理就是ASP.NET引用了viewstate的机制。在服务器端保存了网页各个控件及页面的状态,这其中包括各个控件在页面上的布局,和他们各自的属性。这些值就保存在ViewState下。我们可以观察Aspx页面的html源代码,假设这个页面上有一个button按钮,和一个listBox控件,html文件如下:

<input type="hidden" name="__VIEWSTATE" value="dDwzODYzNDM5NTU7Oz7FvviJbq45bDa7QJaumIiOhZ8mOQ==" />

<input type="submit" name="Button1" value="Button" id="Button1" style="height:40px;width:96px;Z-INDEX: 101; LEFT: 200px; POSITION: absolute; TOP: 240px" />
<select name="ListBox1" size="4" id="ListBox1" style="width:152px;Z-INDEX: 102; LEFT: 176px; POSITION: absolute; TOP: 120px"></select>

我们它的不同之处,一是少了以前所必须响应客户端事件的脚本语言,一是多了一个名为”_VIEWSTATE”的属性。其值是一长串字符。类型为“hidden”。这个值记录的就是各个控件和页面的状态信息。当用户对页面进行相关操作的时候,状态值发生改变,并将改变的值传递给服务器端。服务器端在比较改变后的状态值和初始值之间的区别,以响应具体的请求。

一旦页面的控件很多,这种频繁的传递控件状态值对网络的消耗是很大的,因此,ASP.Net提供了EnableViewState属性,系统默认的值为true。当设置为true时,在传递状态值时就包括该控件;如果设置为false,则传递状态值时则不包括它。既然状态值不包括该控件,则客户端对它进行的操作,服务器端是不响应的。

我们可以做个实验,在Button1_Click事件中,编写代码:

ListBox.Items.Add(”客户端点击按钮一次!”);

此时运行该应用程序,单击网页上的按钮,在ListBox中会添加内容,不断地单击,内容则不断添加。如果我们将ListBox的EnableViewState属性改为false时,不断单击按钮,则只能添加一次。

这样有什么好处呢?如果我们在开发Web应用程序时,某些控件是不需要接受用户的操作或只需要接受一次操作的时候,我们可以将这些控件的EnableViewState属性改为false,这样可以优化我们的程序,提高网络访问的速度。


按照道理这个原理对于textbox也是同样的,但是在实验过程中发现textbox 根本就无视enableviewsate 是否true 或者false.Textbox2依然能够相应用户的输入. 源码:aspx
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplication1.WebForm1" enableViewState="False"%> <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplication1.WebForm1" enableViewState="False"%> <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplication1.WebForm1" enableViewState="False"%> <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplication1.WebForm1" enableViewState="False"%> <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplication1.WebForm1" enableViewState="False"%> <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplication1.WebForm1" enableViewState="False"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
  <HEAD>
  <title>WebForm1</title>
  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" Content="C#">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
  </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   <asp:TextBox id="TextBox1" style="Z-INDEX: 100; LEFT: 280px; POSITION: absolute; TOP: 120px"
    runat="server" Text="Build.Com" EnableViewState="False">Build.Com</asp:TextBox>
<asp:TextBox id=TextBox3 style="Z-INDEX: 105; LEFT: 280px; POSITION: absolute; TOP: 200px" runat="server" EnableViewState="False" Text=""></asp:TextBox>
   <asp:TextBox id="TextBox2" style="Z-INDEX: 102; LEFT: 280px; POSITION: absolute; TOP: 168px"
    runat="server" Text="" EnableViewState="False"></asp:TextBox>
   <asp:Button id="Button1" style="Z-INDEX: 103; LEFT: 360px; POSITION: absolute; TOP: 240px" runat="server"
    Text="Button" EnableViewState="False"></asp:Button>
   <asp:ListBox id="ListBox1" style="Z-INDEX: 104; LEFT: 144px; POSITION: absolute; TOP: 184px"
    runat="server" EnableViewState="False"></asp:ListBox>
  </form>
 </body>
</HTML>


CS:

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace WebApplication1
{
 /// <summary>
 /// Summary description for WebForm1.
 /// </summary>
 public class WebForm1 : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.TextBox TextBox1;
  protected System.Web.UI.WebControls.Button Button1;
  protected System.Web.UI.WebControls.ListBox ListBox1;
  protected System.Web.UI.WebControls.TextBox TextBox2;
  protected System.Web.UI.WebControls.TextBox TextBox3;
 
 
  private void Page_Load(object sender, System.EventArgs e)
  {
   // Put user code to initialize the page here
   
  }

  #region Web Form Designer generated code
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: This call is required by the ASP.NET Web Form Designer.
   //
   InitializeComponent();
   //base.OnInit(e);
  }
  
  /// <summary>
  /// Required method for Designer support - do not modify
  /// the contents of this method with the code editor.
  /// </summary>
  private void InitializeComponent()
  {   
   this.Button1.Click += new System.EventHandler(this.Button1_Click);
   this.Load += new System.EventHandler(this.Page_Load);

  }
  #endregion

  private void Button1_Click(object sender, System.EventArgs e)
  {
   ListBox1.Items.Add("客户端点击按钮一次!");
   TextBox3.Text = TextBox2.Text + TextBox1.Text;

  }
 }
}

 

 

 

posted on 2008-08-12 17:06  ....11  阅读(420)  评论(0编辑  收藏  举报

导航