ASP + Web Forms ,一個(gè)微軟的新名詞,照它自己的話說(shuō),ASP + Web Forms頁(yè)面框架是一個(gè)可升級(jí)的NGWS runtime編程模型,可以在服務(wù)器上動(dòng)態(tài)產(chǎn)生網(wǎng)頁(yè)。不太好懂是嗎,其實(shí)說(shuō)白了,和HTML的表單一樣,但它可以在服務(wù)器端動(dòng)態(tài)改變,而不象靜態(tài)HTML表單那樣一旦生成就無(wú)法改變,當(dāng)然,用DHTML或remote script也可以做到動(dòng)態(tài)改變,但畢竟不是很方便。那么,究竟Web Forms是個(gè)什么樣呢?其實(shí)你已經(jīng)見過(guò)了,記得上次我給的那個(gè)例子嗎,沒(méi)錯(cuò),那就是一個(gè)Web Forms ,不過(guò)由于那個(gè)例子里全是靜態(tài)HTML,所以當(dāng)你按下”lookup”按鈕時(shí)只不過(guò)是提交一次表單而已,什么都沒(méi)有發(fā)生,現(xiàn)在讓我們來(lái)看一個(gè)真正意義上的Web Forms ,它帶有一個(gè)廣告輪換控制,一個(gè)文本輸入框,一個(gè)選擇框、一個(gè)按鈕和一個(gè)文本標(biāo)簽,代碼如下。
File : Intro6.aspx
<html> <head> <link rel="stylesheet"href="intro.css"> </head>
<script language="C#" runat=server>
void SubmitBtn_Click(Object sender, EventArgs e) { Message.Text = "Hi " + Name.Text + ", you selected: " + Category.SelectedItem; }
</script>
<body>
<center>
<form action="intro6.aspx" method="post" runat="server">
<asp:adrotator AdvertisementFile="ads.xml" BorderColor="black" BorderWidth=1 runat="server"/>
<h3> Name: <asp:textbox id="Name" runat="server"/>
Category:<asp:dropdownlist id="Category" runat=server> <asp:listitem>psychology</asp:listitem> <asp:listitem>business</asp:listitem> <asp:listitem>popular_comp</asp:listitem> </asp:dropdownlist>
<asp:button type=submit text="Lookup" OnClick="SubmitBtn_Click" runat="server"/>
<p>
<asp:label id="Message" runat="server"/>
</form>
</center>
</body> </html>
好了,現(xiàn)在我們來(lái)具體看一下這個(gè)ASP+ 程序和ASP到底有什么不同,首先你可能注意到,原來(lái)asp的<% %>腳本定界符不見了,取而代之的是<script language=…>,說(shuō)實(shí)話,原來(lái)我最痛恨的就是這個(gè)<% %>了,尤其是在HTML中混用的時(shí)候,簡(jiǎn)直不象一種編程語(yǔ)言,你要從這樣一段程序里看出程序流程來(lái),簡(jiǎn)直比登天還難,現(xiàn)在好了。當(dāng)然這不是說(shuō)你現(xiàn)在不能用<% %>,畢竟它是向前兼容asp的嘛,不過(guò)我還是盡量少用為妙。看下面一段: <script language="C#" runat=server>
void SubmitBtn_Click(Object sender, EventArgs e) { Message.Text = "Hi " + Name.Text + ", you selected: " + Category.SelectedItem; }
</script> 用過(guò)C的朋友是不是覺得很熟悉?沒(méi)錯(cuò),這是用C#寫的一個(gè)事件處理函數(shù),void SubmitBtn_Click(Object sender , EventArgs e) ,你可能一看就明白了,void代表該函數(shù)沒(méi)有返回值,該函數(shù)帶有兩個(gè)參數(shù), 代碼只有一行,你可能注意到這行代碼中的Message、Name、Category你并沒(méi)有定義,那么它們從哪里來(lái)的呢?看下面的代碼: <form action="intro6.aspx" method="post" runat="server">
<asp:adrotator AdvertisementFile="ads.xml" BorderColor="black" BorderWidth=1 runat="server"/>
<h3> Name: <asp:textbox id="Name" runat="server"/>
Category:<asp:dropdownlist id="Category" runat=server> <asp:listitem>psychology</asp:listitem> <asp:listitem>business</asp:listitem> <asp:listitem>popular_comp</asp:listitem> </asp:dropdownlist>
<asp:button type=submit text="Lookup" OnClick="SubmitBtn_Click" runat="server"/>
<p>
<asp:label id="Message" runat="server"/>
</form>
這個(gè)表單的寫法和html表單完全不同了吧?首先,所有的表單項(xiàng)包括表單本身后面都加上了runat=server,這句話的意思就是說(shuō)這個(gè)是服務(wù)器端控制項(xiàng),另外象傳統(tǒng)表單的什么<input type=text>等的寫法都變了,你仔細(xì)觀察一下可以看出,原來(lái)的文本框變?yōu)?lt;asp:textbox>,選擇框變?yōu)?lt;asp:dropdownlist> , 選擇框選項(xiàng)變?yōu)?lt;asp:listitem>,而submit按鈕變?yōu)?lt;asp:button>,這個(gè)按鈕對(duì)應(yīng)的控制函數(shù)就剛才我提到的那個(gè)SubmitBtn_Click函數(shù),它是運(yùn)行在服務(wù)器端的。另外還有一個(gè)服務(wù)器端控制<asp:label id=”Message” runat=”server”/>,這個(gè)asp:label是傳統(tǒng)表單所沒(méi)有的,它是一個(gè)服務(wù)器端文本控制,那么就存在一個(gè)問(wèn)題,如果傳統(tǒng)的HTML里沒(méi)有這個(gè)元素,那么ASP+是怎么接收的呢?你運(yùn)行一下這個(gè)程序,然后看一下HTML源碼,你會(huì)發(fā)現(xiàn)這么一行: <INPUT type="hidden" name="__VIEWSTATE" value="a0z-1715863018__x"> 對(duì),ASP+就是通過(guò)這個(gè)隱藏表單的形式傳遞過(guò)去的。 在<form>標(biāo)記下有這么一行代碼: <asp:adrotator AdvertisementFile="ads.xml" BorderColor="black" BorderWidth=1 runat="server"/> asp:adrotator,這也是一個(gè)服務(wù)器端控制,看名字你就知道了,廣告輪換嘛,不過(guò)相對(duì)ASP,它現(xiàn)在不是使用內(nèi)置組件,而是作為一個(gè)服務(wù)器端控制,控制它顯示的就是這個(gè)ads.xml,代碼如下:
file ads.xml: <Advertisements>
<Ad> <ImageUrl>/quickstart/aspplus/images/banner1.gif</ImageUrl> <TargetUrl>http://www.microsoft.com</TargetUrl> <AlternateText>Alt Text</AlternateText> <Keyword>Computers</Keyword> <Impressions>80</Impressions> </Ad>
<Ad> <ImageUrl>/quickstart/aspplus/images/banner2.gif</ImageUrl> <TargetUrl>http://www.microsoft.com</TargetUrl> <AlternateText>Alt Text</AlternateText> <Keyword>Computers</Keyword> <Impressions>80</Impressions> </Ad>
<Ad> <ImageUrl>/quickstart/aspplus/images/banner3.gif</ImageUrl> <TargetUrl>http://www.microsoft.com</TargetUrl> <AlternateText>Alt Text</AlternateText> <Keyword>Computers</Keyword> <Impressions>80</Impressions> </Ad>
</Advertisements>
自己看一下吧,我就不詳細(xì)解釋了。
好了,現(xiàn)在再運(yùn)行一遍這個(gè)程序,好好體會(huì)一下它與asp的區(qū)別,準(zhǔn)備下
|
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!