整套教學課件《ASP.NET網(wǎng)站開發(fā)實例教程》

1、ASP.NET 網(wǎng)站開發(fā)實例教程第1章搭建ASP.NET網(wǎng)站的運行環(huán)境 與開發(fā)環(huán)境 教學環(huán)節(jié)教學環(huán)節(jié)【教學導(dǎo)航教學導(dǎo)航 】 1【操作準備操作準備】 2【操作演練操作演練 】 3【技術(shù)提升技術(shù)提升 】 4【歸納總結(jié)歸納總結(jié) 】 6【知識集成知識集成 】5【教學導(dǎo)航教學導(dǎo)航】教學目標教學目標（1 1）學會安裝與配置）學會安裝與配置IISIIS管理器，搭建管理器，搭建ASP.NETASP.NET網(wǎng)站的運行網(wǎng)站的運行環(huán)境環(huán)境（2 2）學會安裝與配置）學會安裝與配置Visual Studio 2008Visual Studio 2008，搭建，搭建ASP.NETASP.NET網(wǎng)網(wǎng)站的開發(fā)環(huán)境站的開發(fā)環(huán)境

2、（3 3）學會創(chuàng)建簡單的）學會創(chuàng)建簡單的WebWeb網(wǎng)站網(wǎng)站（4 4）認識）認識ASP.NETASP.NET文檔的內(nèi)容，了解文檔的內(nèi)容，了解ASP.NETASP.NET文檔的結(jié)構(gòu)文檔的結(jié)構(gòu)（5 5）體驗）體驗ASP.NETASP.NET網(wǎng)站的運行網(wǎng)站的運行（6 6）了解）了解ASP.NETASP.NET的運行機制和的運行機制和ASP.NETASP.NET的文件類型的文件類型 課時建議課時建議 4 4課時課時【操作演練操作演練 】【任務(wù)描述任務(wù)描述】【任務(wù)任務(wù)1-1】安裝與配置安裝與配置IIS管理器管理器 正確安裝與配置正確安裝與配置IISIIS管理器，搭建管理器，搭建WebWeb應(yīng)用程序的運行

3、環(huán)境。應(yīng)用程序的運行環(huán)境?！救蝿?wù)實施任務(wù)實施】 （1 1）單擊）單擊Windows Server 2008Windows Server 2008的的【開始開始】，指向菜單，指向菜單【管理工管理工具具】，然后單擊菜單命令，然后單擊菜單命令【服務(wù)器管理器服務(wù)器管理器】，打開如圖，打開如圖1-11-1所示所示【服服務(wù)器管理器務(wù)器管理器】窗口。在該窗口的右側(cè)分別羅列了服務(wù)器摘要、角色摘窗口。在該窗口的右側(cè)分別羅列了服務(wù)器摘要、角色摘要、功能摘要以及資源支持等內(nèi)容。要、功能摘要以及資源支持等內(nèi)容。 【操作演練操作演練 】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)1-1】安裝與配置安裝與配置IIS管理器管理器 （2

4、2）在）在【服務(wù)器管理器服務(wù)器管理器】窗口的窗口的“角色摘要角色摘要”一欄中，顯示了已一欄中，顯示了已經(jīng)安裝的角色。在經(jīng)安裝的角色。在【服務(wù)器管理器服務(wù)器管理器】窗口左側(cè)的單擊窗口左側(cè)的單擊【角色角色】列表項，列表項，如圖如圖1-31-3所示所示。 （3 3）在）在【角色摘要角色摘要】中，單擊中，單擊【添加角色添加角色】按鈕，打開按鈕，打開【添加角添加角色向?qū)驅(qū)А康牡摹伴_始之前開始之前”界面，如圖界面，如圖1-41-4所示。所示。（4 4）單擊）單擊【下一步下一步】按鈕，進入按鈕，進入“選擇服務(wù)器角色選擇服務(wù)器角色”界面，選中界面，選中“WebWeb服務(wù)器（服務(wù)器（IISIIS）”復(fù)選框節(jié)

5、點，如圖復(fù)選框節(jié)點，如圖1-61-6所示。所示。 （5 5）單擊）單擊【下一步下一步】按鈕，進入按鈕，進入“WebWeb服務(wù)器（服務(wù)器（IISIIS）”界面，該界面，該界面對界面對ISSISS作了概括性的介紹，如圖作了概括性的介紹，如圖1-71-7所示。所示。 【操作演練操作演練 】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)1-1】安裝與配置安裝與配置IIS管理器管理器 （6 6）單擊）單擊【下一步下一步】按鈕，進入按鈕，進入“選擇角色服務(wù)選擇角色服務(wù)”界面。在該界界面。在該界面中可以選取一些需要安裝的角色服務(wù)。面中可以選取一些需要安裝的角色服務(wù)。 （7 7）單擊）單擊【下一步下一步】，進入，進入“確認安

6、裝選擇確認安裝選擇”界面，如圖界面，如圖1-91-9所示。所示。（8 8）單擊）單擊【安裝安裝】按鈕，進入按鈕，進入“安裝進度安裝進度”界面，并開始安裝界面，并開始安裝IIS IIS 7.07.0，如圖，如圖1-101-10所示。所示。 （9 9）等待安裝完成后，安裝向?qū)ё詣舆M入）等待安裝完成后，安裝向?qū)ё詣舆M入“安裝結(jié)果安裝結(jié)果”界面。界面。 （1010）單擊）單擊【關(guān)閉關(guān)閉】按鈕，關(guān)閉按鈕，關(guān)閉【添加角色向?qū)砑咏巧驅(qū)А繉υ捒?，返回到對話框，返回到【服?wù)器管理器服務(wù)器管理器】窗口。窗口。 【操作演練操作演練 】【任務(wù)描述任務(wù)描述】【任務(wù)任務(wù)1-2】安裝與配置安裝與配置Visual Stu

7、dio 2008 （1 1）安裝）安裝Visual Studio 2008Visual Studio 2008 （2 2）配置）配置Visual Studio 2008Visual Studio 2008【任務(wù)實施任務(wù)實施】1 1安裝安裝Visual Studio 2008Visual Studio 2008 要在要在Visual Studio.NETVisual Studio.NET集成開發(fā)環(huán)境中開發(fā)集成開發(fā)環(huán)境中開發(fā)ASP.NETASP.NET應(yīng)用程序，必應(yīng)用程序，必須先安裝須先安裝Visual Studio.NETVisual Studio.NET。下面介紹在。下面介紹在Windows

8、Server 2008Windows Server 2008系統(tǒng)系統(tǒng)中安裝中安裝Visual Studio 2008Visual Studio 2008的操作步驟。的操作步驟。 【操作演練操作演練 】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)1-2】安裝與配置安裝與配置Visual Studio 2008 （1 1）準備）準備Visual Studio 2008Visual Studio 2008安裝文件，運行安裝文件，運行Setup.exeSetup.exe文件，文件，啟動啟動Visual Studio 2008Visual Studio 2008安裝程序，如圖安裝程序，如圖1-151-15所示。所示。

9、（2 2）在如圖）在如圖1-151-15所示的所示的“安裝安裝Visual Studio 2008Visual Studio 2008的初始界面的初始界面”中單擊中單擊“安裝安裝Visual Studio 2008Visual Studio 2008”鏈接進行安裝。于是安裝程序開鏈接進行安裝。于是安裝程序開始自動加載安裝組件，如圖始自動加載安裝組件，如圖1-161-16所示。所示。（3 3）Visual Studio 2008Visual Studio 2008安裝程序加載所有的安裝組件完成后，安裝程序加載所有的安裝組件完成后，如圖如圖1-171-17所示。所示?！静僮餮菥毑僮餮菥?】【任務(wù)實

10、施任務(wù)實施】【任務(wù)任務(wù)1-2】安裝與配置安裝與配置Visual Studio 2008 （4 4）在圖）在圖1-171-17所示的界面中單擊所示的界面中單擊【下一步下一步】按鈕，顯示待安裝的按鈕，顯示待安裝的組件及許可條款等內(nèi)容，選中單選按鈕組件及許可條款等內(nèi)容，選中單選按鈕“我已閱讀并接受許可條款我已閱讀并接受許可條款”，并輸入產(chǎn)品密鑰，如圖并輸入產(chǎn)品密鑰，如圖1-181-18所示。所示。 （5 5）單擊）單擊【下一步下一步】按鈕，選擇安裝方式，在按鈕，選擇安裝方式，在“默認值默認值”、“完完全全”和和“自定義自定義”三種安裝方式中選擇一種。三種安裝方式中選擇一種。 （6 6）單擊）單擊【安

11、裝安裝】按鈕，開始安裝按鈕，開始安裝Visual Studio 2008Visual Studio 2008的組件，的組件，顯示正在安裝的進程，安裝進度如圖顯示正在安裝的進程，安裝進度如圖1-201-20所示。所示。 （7 7）安裝）安裝Visual Studio 2008Visual Studio 2008完成后，彈出如圖完成后，彈出如圖1-211-21所示的對話所示的對話框，表示安裝成功?？?，表示安裝成功?！静僮餮菥毑僮餮菥?】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)1-2】安裝與配置安裝與配置Visual Studio 2008 2 2配置配置Visual Studio 2008Visual St

12、udio 2008 （1 1）啟動）啟動Visual Studio 2008 Visual Studio 2008 （2 2）選擇）選擇【工具工具】【選項選項】命令，打開命令，打開【選項選項】對話框。對話框。【選選項項】對話框默認的對話框默認的6 6個個“選項選項”以及以及“常規(guī)常規(guī)”選項的默認設(shè)置如圖選項的默認設(shè)置如圖1-1-2424所示。所示。（3 3）設(shè)置）設(shè)置Visual StudioVisual Studio項目位置項目位置（4 4）選擇）選擇“總是顯示解決方案總是顯示解決方案”（5 5）設(shè)置）設(shè)置“自動換行自動換行”功能功能【操作演練操作演練 】【任務(wù)描述任務(wù)描述】【任務(wù)任務(wù)1-3

13、】創(chuàng)建簡單的創(chuàng)建簡單的Web網(wǎng)站網(wǎng)站 （1 1）創(chuàng)建蝴蝶）創(chuàng)建蝴蝶e e購網(wǎng)的歡迎頁面，體驗購網(wǎng)的歡迎頁面，體驗Visual Studio 2008Visual Studio 2008的高效。的高效。（2 2）在客戶瀏覽頁面中輸出用戶的登錄時間和）在客戶瀏覽頁面中輸出用戶的登錄時間和IPIP地址。地址?！救蝿?wù)實施任務(wù)實施】1 1創(chuàng)建網(wǎng)站創(chuàng)建網(wǎng)站（1 1）啟動）啟動Visual Studio 2008Visual Studio 2008之后，在主窗口單擊選擇之后，在主窗口單擊選擇【文件文件】【新建網(wǎng)站新建網(wǎng)站】命令，打開命令，打開【新建網(wǎng)站新建網(wǎng)站】對話框。對話框?！静僮餮菥毑僮餮菥?】【任務(wù)實

14、施任務(wù)實施】【任務(wù)任務(wù)1-3】創(chuàng)建簡單的創(chuàng)建簡單的Web網(wǎng)站網(wǎng)站 （2 2）在）在【新建網(wǎng)站新建網(wǎng)站】對話框?qū)υ捒颉澳０迥０濉绷斜碇羞x擇列表中選擇“ASP.NETASP.NET網(wǎng)站網(wǎng)站”，在在“語言語言”列表框中選擇列表框中選擇“Visual C#Visual C#”，在網(wǎng)站存放位置列表框輸入，在網(wǎng)站存放位置列表框輸入創(chuàng)建網(wǎng)站的存儲位置，即創(chuàng)建網(wǎng)站的存儲位置，即“D:ASP.NETD:ASP.NET網(wǎng)站開發(fā)實例教程網(wǎng)站開發(fā)實例教程WebSiteeShop01WebSiteeShop01”，如圖，如圖1-281-28所示。所示。 （3 3）在）在【新建網(wǎng)站新建網(wǎng)站】對話框中單擊對話框中單擊【確定

15、確定】按鈕，按鈕，Visual Visual StudioStudio系統(tǒng)會自動創(chuàng)建并配置新建的網(wǎng)站系統(tǒng)會自動創(chuàng)建并配置新建的網(wǎng)站eShop01eShop01，并且會自動創(chuàng)建，并且會自動創(chuàng)建一個一個WebWeb頁面頁面Default.aspxDefault.aspx，同時在主窗口中顯示默認文檔，同時在主窗口中顯示默認文檔Default.aspxDefault.aspx的代碼結(jié)構(gòu)，如圖的代碼結(jié)構(gòu)，如圖1-291-29所示。所示?！静僮餮菥毑僮餮菥?】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)1-3】創(chuàng)建簡單的創(chuàng)建簡單的Web網(wǎng)站網(wǎng)站 2 2設(shè)計設(shè)計WebWeb頁面頁面 在頁面在頁面“代碼代碼”視圖中視圖中“

16、”與與“”之間輸入網(wǎng)頁標之間輸入網(wǎng)頁標題題“蝴蝶蝴蝶e e購網(wǎng)購網(wǎng)”。 單擊單擊“編輯窗口編輯窗口”底部的底部的“設(shè)計設(shè)計”按鈕，切換到頁面的按鈕，切換到頁面的“設(shè)計設(shè)計”視視圖，在圖，在“divdiv”區(qū)域輸入文字區(qū)域輸入文字“歡迎您光臨蝴蝶歡迎您光臨蝴蝶e e購網(wǎng)購網(wǎng)”，如圖，如圖1-301-30所所示，然后單擊工具欄中的示，然后單擊工具欄中的【保存保存】按鈕或者按鈕或者【全部保存全部保存】按鈕，保存按鈕，保存新建的頁面。新建的頁面。3 3預(yù)覽頁面預(yù)覽頁面 直接按直接按F5F5鍵或者在主窗口中單擊選擇鍵或者在主窗口中單擊選擇【調(diào)試調(diào)試】【啟動調(diào)試啟動調(diào)試】命命令瀏覽網(wǎng)頁。令瀏覽網(wǎng)頁?！静僮?/p>

17、演練操作演練 】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)1-3】創(chuàng)建簡單的創(chuàng)建簡單的Web網(wǎng)站網(wǎng)站 4 4編寫程序代碼編寫程序代碼 單擊單擊“編輯窗口編輯窗口”底部的底部的“設(shè)計設(shè)計”按鈕，切換到頁面的按鈕，切換到頁面的“設(shè)計設(shè)計”視視圖，然后在頁面雙擊切換到程序邏輯代碼編輯頁面圖，然后在頁面雙擊切換到程序邏輯代碼編輯頁面“Default.asps.csDefault.asps.cs”，在該邏輯代碼編輯區(qū)域為，在該邏輯代碼編輯區(qū)域為PagePage對象的對象的LoadLoad事件事件編寫功能代碼，輸出用戶的登錄時間和客戶端主機的編寫功能代碼，輸出用戶的登錄時間和客戶端主機的IPIP地址，如圖地址，如圖1

18、-1-3434所示。所示。5 5保存保存WebWeb頁面頁面 在在Visual Studio 2008Visual Studio 2008的主窗口單擊的主窗口單擊【保存保存】按鈕或按鈕或【全部保存全部保存】按鈕，保存所創(chuàng)建按鈕，保存所創(chuàng)建WebWeb頁面頁面Default.aspxDefault.aspx。【技術(shù)提升技術(shù)提升 】【任務(wù)描述任務(wù)描述】【任務(wù)任務(wù)1-4】分析分析ASP.NET文檔文檔（1 1）認識）認識ASP.NETASP.NET文檔的內(nèi)容和結(jié)構(gòu)文檔的內(nèi)容和結(jié)構(gòu)（2 2）分析）分析ASP.NETASP.NET頁面的功能代碼頁面的功能代碼【任務(wù)實施任務(wù)實施】1 1打開任務(wù)打開任務(wù)1-

19、31-3中所創(chuàng)建網(wǎng)站中所創(chuàng)建網(wǎng)站eShop01eShop012 2分析分析WebWeb頁面的源代碼頁面的源代碼任務(wù)任務(wù)1-31-3中所創(chuàng)建網(wǎng)站中所創(chuàng)建網(wǎng)站eShop01eShop01的的WebWeb頁面頁面Default.aspxDefault.aspx的源代碼如的源代碼如表表1-1-所示。所示?！炯夹g(shù)提升技術(shù)提升 】【任務(wù)任務(wù)1-4】分析分析ASP.NET文檔文檔表表1-1網(wǎng)站網(wǎng)站eShop01的的Web頁面頁面Default.aspx的源代碼的源代碼 行號行號頁面代碼頁面代碼01020304050607080910111213141516% %!/TR/xh

20、tml1/DTD/xhtml1-transitional.dtd =/1999/xhtml =server 蝴蝶蝴蝶e e購網(wǎng)購網(wǎng)/ / =server 歡迎您光臨蝴蝶歡迎您光臨蝴蝶e e購網(wǎng)購網(wǎng) / / / / 【技術(shù)提升技術(shù)提升 】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)1-4】分析分析ASP.NET文檔文檔（1 1）01-0201-02行代碼為頁面指令，即行代碼為頁面指令，即“”指令，主要用來指令，主要用來建立頁面的運行環(huán)境。建立頁面的運行環(huán)境。（2 2）04-0504-05行聲明文檔的類型，說明網(wǎng)頁文檔使用的行聲明文檔的類型，說明網(wǎng)頁文檔使用的XHTMLXHTML

21、是哪一個是哪一個版本，這里使用的是版本，這里使用的是XHTML 1.0XHTML 1.0。（3 3）07-1807-18行的行的HTMLHTML源代碼被分為兩部分：源代碼被分為兩部分：之間的之間的網(wǎng)頁頭部區(qū)域和網(wǎng)頁頭部區(qū)域和之間的網(wǎng)頁主體部分。之間的網(wǎng)頁主體部分。（4 4）表示網(wǎng)頁中包含一個表單對象。表示網(wǎng)頁中包含一個表單對象。（5 5）表示布局區(qū)塊，表示布局區(qū)塊，divdiv是一種是一種XHTMLXHTML的布局標簽。的布局標簽。（6 6）第）第0808行和行和1212行所出現(xiàn)的行所出現(xiàn)的“runat=server”runat=server”指明該代碼在服務(wù)指明該代碼在服務(wù)器端執(zhí)行。器端執(zhí)行

22、?！炯夹g(shù)提升技術(shù)提升 】【任務(wù)任務(wù)1-4】分析分析ASP.NET文檔文檔【任務(wù)實施任務(wù)實施】3 3分析分析WebWeb頁面的功能代碼頁面的功能代碼任務(wù)任務(wù)1-31-3中所創(chuàng)建的中所創(chuàng)建的WebWeb頁面引用的代碼隱藏文件的功能代碼如表頁面引用的代碼隱藏文件的功能代碼如表1-1-2 2所示。所示。【技術(shù)提升技術(shù)提升 】【任務(wù)任務(wù)1-4】分析分析ASP.NET文檔文檔行號行號代碼代碼0102030405060708091011121314151617181920usingusing System; System;usingusing System.Configuration; System.Con

23、figuration;usingusing System.Data; System.Data;usingusing System.Linq; System.Linq;usingusing System.Web; System.Web;usingusing System.Web.Security; System.Web.Security;usingusing System.Web.UI; System.Web.UI;usingusing System.Web.UI.HtmlControls; System.Web.UI.HtmlControls;usingusing System.Web.UI.

24、WebControls; System.Web.UI.WebControls;usingusing System.Web.UI.WebControls.WebParts; System.Web.UI.WebControls.WebParts;usingusing System.Xml.Linq; System.Xml.Linq;publicpublic partialpartial classclass _Default_Default : System.Web.UI. : System.Web.UI.PagePage protectedprotected voidvoid Page_Load

25、( Page_Load(objectobject sender, sender, EventArgsEventArgs e) e) Response.Write( Response.Write( 客戶登錄時間為：客戶登錄時間為： + + DateTimeDateTime.Now+.Now+ ， );); Response.Write( Response.Write( 客戶端主機的客戶端主機的IPIP地址為：地址為： + Request.UserHostAddress); + Request.UserHostAddress); 表表1-2Web頁面的代碼文件頁面的代碼文件Default.aspx

26、.cs中的代碼中的代碼 【技術(shù)提升技術(shù)提升 】【任務(wù)描述任務(wù)描述】【任務(wù)任務(wù)1-5】體驗體驗ASP.NET網(wǎng)站的運行網(wǎng)站的運行 （1 1）配置）配置IISIIS虛擬站點。虛擬站點。（2 2）體驗）體驗ASP.NETASP.NET網(wǎng)站的運行網(wǎng)站的運行【任務(wù)實施任務(wù)實施】1 1配置配置IISIIS虛擬站點虛擬站點（1 1）打開）打開IIS 7.0IIS 7.0管理器管理器在在【開始開始】菜單中單擊選擇菜單中單擊選擇【管理工具管理工具】【InternetInternet信息服務(wù)信息服務(wù)（IISIIS）管理器）管理器】命令，打開如圖命令，打開如圖1-381-38所示的所示的【InternetInter

27、net信息服務(wù)信息服務(wù)（IISIIS）管理器）管理器】窗口。窗口。【技術(shù)提升技術(shù)提升 】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)1-5】體驗體驗ASP.NET網(wǎng)站的運行網(wǎng)站的運行 （2 2）添加網(wǎng)站）添加網(wǎng)站在在【InternetInternet信息服務(wù)（信息服務(wù)（IISIIS）管理器）管理器】窗口中展開左側(cè)的第一個窗口中展開左側(cè)的第一個節(jié)點，然后右鍵單擊節(jié)點，然后右鍵單擊“網(wǎng)站網(wǎng)站”節(jié)點，在彈出的快捷菜單中單擊選擇節(jié)點，在彈出的快捷菜單中單擊選擇【添加網(wǎng)站添加網(wǎng)站】命令，如圖命令，如圖1-391-39所示。打開所示。打開【添加網(wǎng)站添加網(wǎng)站】對話框。對話框。在在【InternetInternet信息服務(wù)

28、（信息服務(wù)（IISIIS）管理器）管理器】窗口添加網(wǎng)站窗口添加網(wǎng)站eshop01eshop01后，選后，選中該網(wǎng)站節(jié)點可以在窗口中間區(qū)域看到許多的功能模塊，并對網(wǎng)站進中該網(wǎng)站節(jié)點可以在窗口中間區(qū)域看到許多的功能模塊，并對網(wǎng)站進行更加復(fù)雜的設(shè)置，如圖行更加復(fù)雜的設(shè)置，如圖1-411-41所示。所示。在在【InternetInternet信息服務(wù)（信息服務(wù)（IISIIS）管理器）管理器】窗口中部下側(cè)單擊窗口中部下側(cè)單擊【內(nèi)容內(nèi)容視圖視圖】按鈕，切換到新添加網(wǎng)站按鈕，切換到新添加網(wǎng)站eShop01eShop01的內(nèi)容視圖，如圖的內(nèi)容視圖，如圖1-421-42所示。所示?！炯夹g(shù)提升技術(shù)提升 】【任務(wù)實

29、施任務(wù)實施】【任務(wù)任務(wù)1-5】體驗體驗ASP.NET網(wǎng)站的運行網(wǎng)站的運行 2 2瀏覽網(wǎng)頁瀏覽網(wǎng)頁切換到網(wǎng)站切換到網(wǎng)站eShop01eShop01的內(nèi)容視圖，在的內(nèi)容視圖，在【InternetInternet信息服務(wù)（信息服務(wù)（IISIIS）管）管理器理器】窗口右側(cè)窗口右側(cè)“操作操作”列表中單擊列表中單擊【瀏覽瀏覽】超鏈接，瀏覽超鏈接，瀏覽WebWeb頁面頁面Default.aspxDefault.aspx，其效果如圖，其效果如圖1-431-43所示。所示。 【知識集成知識集成 】.1ASP.NETASP.NET運行機制運行機制ASP.NETASP.NET運行時首先是來自客戶端的

30、請求，運行時首先是來自客戶端的請求，WebWeb服務(wù)器的服務(wù)器的IISIIS根據(jù)根據(jù)相應(yīng)的條件（后綴名）將請求提交給解析器，經(jīng)過編譯、運行，最相應(yīng)的條件（后綴名）將請求提交給解析器，經(jīng)過編譯、運行，最終將請求結(jié)果返回給客戶端。終將請求結(jié)果返回給客戶端。.2ASP.NETASP.NET的文件類型的文件類型由于由于ASP.NETASP.NET支持多種語言開發(fā)及控件開發(fā)，因此文件類型較多，支持多種語言開發(fā)及控件開發(fā)，因此文件類型較多，常見的文件類型如表常見的文件類型如表1-31-3所示。所示?！局R集成知識集成 】表表1-3ASP.NET常見的文件類型常見的文件類型文件擴展名文件擴展

31、名功能及說明功能及說明global.asaxASP.NET應(yīng)用程序級別的邏輯代碼和事件處理程序代碼一般存放在該文件中應(yīng)用程序級別的邏輯代碼和事件處理程序代碼一般存放在該文件中web.config系統(tǒng)環(huán)境設(shè)置文件系統(tǒng)環(huán)境設(shè)置文件.aspx包含包含Web頁面結(jié)構(gòu)代碼的文件，瀏覽器可執(zhí)行此類文件，向服務(wù)器提出請求頁面結(jié)構(gòu)代碼的文件，瀏覽器可執(zhí)行此類文件，向服務(wù)器提出請求.cs或或.vb.cs文件是存放使用文件是存放使用C#語言編寫的程序代碼，語言編寫的程序代碼，.vb文件是存放使用文件是存放使用VB.NET語言編寫的語言編寫的程序代碼程序代碼.ascx用戶控件文件，可包含在多個用戶控件文件，可包含在

32、多個.aspx文件中文件中.asmx制作制作Web Service的原始文件的原始文件.sdl或或.wsdlWeb Service的描述文件，以的描述文件，以XML格式保存格式保存【知識集成知識集成 】.3ASP.NETASP.NET的代碼后置與代碼內(nèi)嵌的代碼后置與代碼內(nèi)嵌創(chuàng)建基于創(chuàng)建基于ASP.NETASP.NET的的WebWeb頁面時，頁面的功能代碼可以放在單獨的程頁面時，頁面的功能代碼可以放在單獨的程序文件中，也可以嵌入在序文件中，也可以嵌入在.aspx.aspx文件中，在圖文件中，在圖1-451-45所示的對話框中所示的對話框中可以通過復(fù)選框加以選擇?？梢酝ㄟ^復(fù)選框加以

33、選擇。圖圖1-45新建新建web頁面時選擇頁面時選擇“將代碼放在單獨的文件中將代碼放在單獨的文件中” 【知識集成知識集成 】（1 1）代碼后置）代碼后置代碼后置是微軟公司開發(fā)的一項技術(shù)，這樣做可以將程序功能代碼代碼后置是微軟公司開發(fā)的一項技術(shù)，這樣做可以將程序功能代碼和頁面結(jié)構(gòu)代碼分離，使代碼更加清晰。和頁面結(jié)構(gòu)代碼分離，使代碼更加清晰。1 1個個webweb頁面由頁面文件頁面由頁面文件（.aspx.aspx）和代碼文件（）和代碼文件（.cs.cs）2 2個文件相互關(guān)聯(lián)構(gòu)成個文件相互關(guān)聯(lián)構(gòu)成1 1個頁個頁面，面，.aspx.aspx文件主要包含文件主要包含XHTMLXHTML代碼和控件，在代碼

34、和控件，在.cs.cs文件中編寫功能文件中編寫功能代碼，包括事件處理程序、自定義的方法等。在創(chuàng)建代碼，包括事件處理程序、自定義的方法等。在創(chuàng)建webweb頁面時，頁面時，選擇選擇“將代碼放在單獨的文件中將代碼放在單獨的文件中”復(fù)選框即可實現(xiàn)，如圖復(fù)選框即可實現(xiàn)，如圖1-451-45所示。所示。（2 2）代碼內(nèi)嵌）代碼內(nèi)嵌代碼內(nèi)嵌則不使用獨立的代碼內(nèi)嵌則不使用獨立的.cs.cs文件，所有功能代碼以文件，所有功能代碼以標識直標識直接寫在接寫在.aspx.aspx文件中，即文件中，即XHTMLXHTML代碼、控件代碼和程序功能代碼位于代碼、控件代碼和程序功能代碼位于同一個文件。在創(chuàng)建同一個文件。在創(chuàng)

35、建webweb頁面時，取消頁面時，取消“將代碼放在單獨的文件中將代碼放在單獨的文件中”復(fù)選框的選中狀態(tài)即可實現(xiàn)。復(fù)選框的選中狀態(tài)即可實現(xiàn)?！練w納總結(jié)歸納總結(jié) 】本章主要介紹了如何安裝與配置本章主要介紹了如何安裝與配置IISIIS，搭建，搭建ASP.NETASP.NET的運行環(huán)境，的運行環(huán)境，以保證以保證ASP.NETASP.NET應(yīng)用程序能正確運行。介紹了應(yīng)用程序能正確運行。介紹了Visual Studio 2008Visual Studio 2008的安裝與配置，搭建合適的的安裝與配置，搭建合適的WebWeb應(yīng)用程序開發(fā)環(huán)境。通過創(chuàng)建一個應(yīng)用程序開發(fā)環(huán)境。通過創(chuàng)建一個簡單的簡單的WebWeb

36、網(wǎng)站，熟悉網(wǎng)站，熟悉ASP.NETASP.NET集成開發(fā)環(huán)境，認識集成開發(fā)環(huán)境，認識ASP.NETASP.NET文檔的文檔的內(nèi)容，了解內(nèi)容，了解ASP.NETASP.NET文檔的結(jié)構(gòu)，體驗文檔的結(jié)構(gòu)，體驗ASP.NETASP.NET網(wǎng)站的運行。網(wǎng)站的運行。ASP.NET 網(wǎng)站開發(fā)實例教程第2章使用控件高效創(chuàng)建網(wǎng)站頁面 教學環(huán)節(jié)教學環(huán)節(jié)【教學導(dǎo)航教學導(dǎo)航 】 1【操作準備操作準備】 2【操作演練操作演練 】 3【技術(shù)提升技術(shù)提升 】 4【歸納總結(jié)歸納總結(jié) 】 6【知識集成知識集成 】5【教學導(dǎo)航教學導(dǎo)航】教學目標教學目標（1 1）學會使用）學會使用HTMLHTML服務(wù)器控件創(chuàng)建服務(wù)器控件創(chuàng)建We

37、bWeb頁面頁面（2 2）學會使用）學會使用WebWeb標準服務(wù)器控件創(chuàng)建標準服務(wù)器控件創(chuàng)建WebWeb頁面頁面（3 3）學會使用數(shù)據(jù)驗證控件驗證）學會使用數(shù)據(jù)驗證控件驗證WebWeb頁面中輸入的數(shù)據(jù)頁面中輸入的數(shù)據(jù)（4 4）學會創(chuàng)建自定義）學會創(chuàng)建自定義WebWeb用戶控件用戶控件（5 5）熟練掌握常用）熟練掌握常用WebWeb標準服務(wù)器控件的功能、屬性和事件標準服務(wù)器控件的功能、屬性和事件（6 6）熟練掌握常用數(shù)據(jù)驗證控件的功能和屬性）熟練掌握常用數(shù)據(jù)驗證控件的功能和屬性 課時建議課時建議 8 8課時課時【操作準備操作準備 】 1創(chuàng)建創(chuàng)建ASP.NET網(wǎng)站網(wǎng)站 （1 1）啟動）啟動Visu

38、al Studio 2008Visual Studio 2008之后，在主窗口選擇之后，在主窗口選擇【文件文件】【新建網(wǎng)站新建網(wǎng)站】命令，打開命令，打開【新建網(wǎng)站新建網(wǎng)站】對話框。對話框。（2 2）在）在【新建網(wǎng)站新建網(wǎng)站】對話框?qū)υ捒颉澳０迥０濉绷斜碇羞x擇列表中選擇“ASP.NETASP.NET網(wǎng)站網(wǎng)站”，在在“語言語言”列表框中選擇列表框中選擇“Visual C#”Visual C#”，在網(wǎng)站存放位置列表框輸，在網(wǎng)站存放位置列表框輸入創(chuàng)建網(wǎng)站的存儲位置，即入創(chuàng)建網(wǎng)站的存儲位置，即“D:ASP.NETD:ASP.NET網(wǎng)站開發(fā)實例教程網(wǎng)站開發(fā)實例教程WebSiteeShop02”WebSit

39、eeShop02”。 （3 3）在）在【新建網(wǎng)站新建網(wǎng)站】對話框中單擊對話框中單擊【確定確定】按鈕，按鈕，Visual Visual StudioStudio系統(tǒng)會自動創(chuàng)建并配置新建的網(wǎng)站系統(tǒng)會自動創(chuàng)建并配置新建的網(wǎng)站eShop02eShop02，同時會自動創(chuàng)建，同時會自動創(chuàng)建1 1個個WebWeb頁面頁面Default.aspxDefault.aspx。【操作準備操作準備 】 2準備樣式文件和圖像文件準備樣式文件和圖像文件 在文件夾在文件夾“eShop02”eShop02”（其路徑為（其路徑為“D:ASP.NETD:ASP.NET網(wǎng)站開發(fā)實例教網(wǎng)站開發(fā)實例教程程WebSiteeShop02”

40、WebSiteeShop02”）新建兩個子文件夾，將新建的文件夾重命名）新建兩個子文件夾，將新建的文件夾重命名為為“css”css”和和“images”images”。將已有的樣式文件將已有的樣式文件“style02.cssstyle02.css”拷貝到子文件夾拷貝到子文件夾“csscss”中。將中。將所需的圖像文件拷貝到子文件夾所需的圖像文件拷貝到子文件夾“imagesimages”中。中?！静僮餮菥毑僮餮菥?】【任務(wù)描述任務(wù)描述】【任務(wù)任務(wù)2-1】使用使用Dreamweaver CS4創(chuàng)建靜態(tài)網(wǎng)頁創(chuàng)建靜態(tài)網(wǎng)頁eShop02.html 使用使用Dreamweaver CS4Dreamweav

41、er CS4創(chuàng)建靜態(tài)網(wǎng)頁創(chuàng)建靜態(tài)網(wǎng)頁eShop02.htmleShop02.html，該網(wǎng)頁主要包，該網(wǎng)頁主要包括括LogoLogo、導(dǎo)航欄、搜索、購物指南、版權(quán)信息等內(nèi)容。該網(wǎng)頁中元素、導(dǎo)航欄、搜索、購物指南、版權(quán)信息等內(nèi)容。該網(wǎng)頁中元素的樣式主要由外部樣式文件的樣式主要由外部樣式文件style02.cssstyle02.css控件。網(wǎng)頁控件。網(wǎng)頁eShop02.htmleShop02.html的的瀏覽外觀如圖瀏覽外觀如圖2-12-1所示。所示。圖圖2-1網(wǎng)頁網(wǎng)頁eShop02.html的瀏覽效果的瀏覽效果 【操作演練操作演練 】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)2-1】使用使用Dreamwea

42、ver CS4創(chuàng)建靜態(tài)網(wǎng)頁創(chuàng)建靜態(tài)網(wǎng)頁eShop02.html 使用使用Dreamweaver CS4Dreamweaver CS4可以更方便、快捷地設(shè)計網(wǎng)頁，可以更方便、快捷地設(shè)計網(wǎng)頁，定義網(wǎng)頁的樣式。在定義網(wǎng)頁的樣式。在Dreamweaver CS4Dreamweaver CS4中創(chuàng)建中創(chuàng)建1 1個網(wǎng)頁文檔個網(wǎng)頁文檔eShop02.htmleShop02.html，該網(wǎng)頁的樣式文件，該網(wǎng)頁的樣式文件style02.cssstyle02.css存放在子存放在子文件夾文件夾“css”css”中，網(wǎng)頁中所需的圖像文件存放在子文件中，網(wǎng)頁中所需的圖像文件存放在子文件夾夾“images”images

43、”中。網(wǎng)頁中。網(wǎng)頁eShop02.htmleShop02.html的的XHTMLXHTML代碼如表代碼如表2-12-1所示，樣式文件所示，樣式文件style02.cssstyle02.css的的CSSCSS代碼如表代碼如表2-22-2所示。所示。 【操作演練操作演練 】【任務(wù)描述任務(wù)描述】【任務(wù)任務(wù)2-2】使用使用HTML服務(wù)器控件創(chuàng)建系統(tǒng)提示信息頁面服務(wù)器控件創(chuàng)建系統(tǒng)提示信息頁面 借用借用Dreamweaver CS4Dreamweaver CS4創(chuàng)建的靜態(tài)網(wǎng)頁創(chuàng)建的靜態(tài)網(wǎng)頁eShop02.htmleShop02.html中的中的XHTMLXHTML代代碼和碼和CSSCSS樣式文件樣式文件s

44、tyle02.cssstyle02.css創(chuàng)建系統(tǒng)提示信息頁面創(chuàng)建系統(tǒng)提示信息頁面eShop0201.aspxeShop0201.aspx，該頁面的文本框、圖像框、按鈕等控件都使用該頁面的文本框、圖像框、按鈕等控件都使用HTMLHTML服務(wù)器控件。服務(wù)器控件。WebWeb頁面頁面eShop0201.aspxeShop0201.aspx的瀏覽效果如圖的瀏覽效果如圖2-12-1所示。所示?！静僮餮菥毑僮餮菥?】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)2-2】使用使用HTML服務(wù)器控件創(chuàng)建系統(tǒng)提示信息頁面服務(wù)器控件創(chuàng)建系統(tǒng)提示信息頁面 1 1重命名重命名WebWeb頁面文件的名稱頁面文件的名稱2 2設(shè)計設(shè)計W

45、ebWeb頁面頁面3 3認識認識WebWeb頁面中的頁面中的HTMLHTML控件控件靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁eShop02.htmleShop02.html中的表單控件對應(yīng)于中的表單控件對應(yīng)于WebWeb頁面中頁面中的的HTMLHTML控件，控件，eShop0201.aspxeShop0201.aspx頁面包含了多個頁面包含了多個HTMLHTML控件?？丶?。這些這些HTMLHTML控件如表控件如表2-32-3所示。所示?！静僮餮菥毑僮餮菥?】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)2-2】使用使用HTML服務(wù)器控件創(chuàng)建系統(tǒng)提示信息頁面服務(wù)器控件創(chuàng)建系統(tǒng)提示信息頁面 4 4將將HTMLHTML控件作為服務(wù)器控件運

46、行控件作為服務(wù)器控件運行HTMLHTML控件直接在客戶端映射為控件直接在客戶端映射為HTMLHTML代碼，如果需要將代碼，如果需要將HTMLHTML控件作為控件作為服務(wù)器控件運行，可以添加代碼服務(wù)器控件運行，可以添加代碼“runat=server”runat=server”，代碼示例如下，代碼示例如下所示。所示。5 5保存保存WebWeb頁面頁面單擊單擊【標準標準】工具欄中工具欄中【保存保存】按鈕，保存創(chuàng)建的按鈕，保存創(chuàng)建的WebWeb頁面。頁面?！静僮餮菥毑僮餮菥?】【任務(wù)描述任務(wù)描述】【任務(wù)任務(wù)2-3】使用使用Web標準服務(wù)器控件創(chuàng)建注冊頁面標準服務(wù)器控件創(chuàng)建注冊頁面 使用使用WebWeb

47、標準服務(wù)器控件創(chuàng)建標準服務(wù)器控件創(chuàng)建注冊頁面注冊頁面eShop0202.aspxeShop0202.aspx，該，該WebWeb頁面的主體頁面的主體XHTMLXHTML代碼和代碼和CSSCSS樣式文件借用樣式文件借用Dreamweaver CS4Dreamweaver CS4創(chuàng)建的靜態(tài)網(wǎng)頁創(chuàng)建的靜態(tài)網(wǎng)頁eShop02.htmleShop02.html中中的的XHTMLXHTML代碼和代碼和CSSCSS樣式文件樣式文件style02.cssstyle02.css。其局部瀏覽效果。其局部瀏覽效果如圖如圖2-22-2所示。所示。圖圖2-2Web頁面頁面eShop0202.aspx的局部瀏覽效果的局部

48、瀏覽效果 【操作演練操作演練 】【任務(wù)描述任務(wù)描述】【任務(wù)任務(wù)2-3】使用使用Web標準服務(wù)器控件創(chuàng)建注冊頁面標準服務(wù)器控件創(chuàng)建注冊頁面 （1 1）注冊頁面使用的）注冊頁面使用的WebWeb標準服務(wù)器標準服務(wù)器注冊頁面中注冊頁面中LogoLogo標識圖像、聯(lián)系電話圖像和幫助圖像使用標識圖像、聯(lián)系電話圖像和幫助圖像使用ImageImage控件，控件，商品分類使用商品分類使用DropDownListDropDownList控件，商品名稱、用戶名稱、控件，商品名稱、用戶名稱、E-mailE-mail地址、密地址、密碼、確認密碼、用戶的真實姓名、郵政編碼、手機號碼等數(shù)字輸入框使用碼、確認密碼、用戶的真

49、實姓名、郵政編碼、手機號碼等數(shù)字輸入框使用TextBoxTextBox控件，輸入提示信息使用多個控件，輸入提示信息使用多個LabelLabel控件，控件，“搜索搜索”和和“重新填寫重新填寫”按鈕使用按鈕使用ButtonButton控件，控件，“立即注冊立即注冊”使用使用ImageButtonImageButton控件，控件，“高級搜索高級搜索”和和“獲取幫助獲取幫助”按鈕使用按鈕使用LinkButtonLinkButton控件，是否填寫附加信息和性別使用控件，是否填寫附加信息和性別使用RadioButtonRadioButton控件，是否接受用戶手冊使用控件，是否接受用戶手冊使用CheckBo

50、xCheckBox控件，控件，“查看查看用戶協(xié)用戶協(xié)議議”使用使用HyperLinkHyperLink控件，附加信息區(qū)域使用了控件，附加信息區(qū)域使用了PanelPanel控件，用戶注冊區(qū)控件，用戶注冊區(qū)域使用了兩個嵌套的域使用了兩個嵌套的TableTable控件?？丶?。WebWeb頁面頁面eShop0202.aspxeShop0202.aspx中各個控件的主中各個控件的主要屬性設(shè)置如表要屬性設(shè)置如表2-42-4所示。所示。 【操作演練操作演練 】【任務(wù)描述任務(wù)描述】【任務(wù)任務(wù)2-3】使用使用Web標準服務(wù)器控件創(chuàng)建注冊頁面標準服務(wù)器控件創(chuàng)建注冊頁面 （2 2）初始狀態(tài)下附加信息區(qū)域的）初始狀態(tài)

51、下附加信息區(qū)域的PanelPanel控件為隱藏狀態(tài)，控件為隱藏狀態(tài)，WebWeb頁面頁面運行時，當選擇單選按鈕運行時，當選擇單選按鈕“填寫填寫”時，附加信息區(qū)域才可見。時，附加信息區(qū)域才可見。（3 3）WebWeb頁面運行時，初始狀態(tài)下頁面運行時，初始狀態(tài)下“立即注冊立即注冊”按鈕為按鈕為“不可用不可用”狀態(tài)，只有當用戶接受狀態(tài)，只有當用戶接受用戶協(xié)議用戶協(xié)議并單擊選中了并單擊選中了“我已看過并接我已看過并接受受用戶協(xié)議用戶協(xié)議”復(fù)選框時，復(fù)選框時，“立即注冊立即注冊”按鈕才變?yōu)榘粹o才變?yōu)椤翱捎每捎谩睜顮顟B(tài)。態(tài)。 【操作演練操作演練 】【任務(wù)描述任務(wù)描述】【任務(wù)任務(wù)2-3】使用使用Web標準服

52、務(wù)器控件創(chuàng)建注冊頁面標準服務(wù)器控件創(chuàng)建注冊頁面 （4 4）WebWeb頁面運行狀態(tài)下，當用戶單擊頁面運行狀態(tài)下，當用戶單擊“立即注冊立即注冊”按鈕時，分別檢驗按鈕時，分別檢驗“用戶名用戶名”、“E-mailE-mail”、“密碼密碼”和和“確認密碼確認密碼”對應(yīng)的文本框中輸入的對應(yīng)的文本框中輸入的數(shù)據(jù)。如果某個文本框為空，則出現(xiàn)數(shù)據(jù)。如果某個文本框為空，則出現(xiàn)“不能為空不能為空”相應(yīng)的提示信息；如果兩相應(yīng)的提示信息；如果兩次輸入的密碼不一致，則出現(xiàn)相應(yīng)的提示信息；同時也驗證輸入的次輸入的密碼不一致，則出現(xiàn)相應(yīng)的提示信息；同時也驗證輸入的E-mailE-mail地地址是否符合規(guī)定格式，當用戶填寫

53、附加信息時，則驗驗郵政編碼和手機號碼址是否符合規(guī)定格式，當用戶填寫附加信息時，則驗驗郵政編碼和手機號碼是否符合要求（輸入的字符必須為數(shù)字，且長度不能超過規(guī)定長度）。當用是否符合要求（輸入的字符必須為數(shù)字，且長度不能超過規(guī)定長度）。當用戶重新輸入符合規(guī)定要求的數(shù)據(jù)時，相應(yīng)的提示信息也還原為初始狀態(tài)的內(nèi)戶重新輸入符合規(guī)定要求的數(shù)據(jù)時，相應(yīng)的提示信息也還原為初始狀態(tài)的內(nèi)容。容。（5 5）WebWeb頁面運行狀態(tài)下，當用戶單擊頁面運行狀態(tài)下，當用戶單擊“重新填寫重新填寫”按鈕時，將按鈕時，將“用戶用戶名名”、“E-mail”E-mail”、“密碼密碼”和和“確認密碼確認密碼”對應(yīng)文本框中輸入的數(shù)據(jù)清空

54、，對應(yīng)文本框中輸入的數(shù)據(jù)清空，如果用戶填寫了附加信息，將相應(yīng)的附件信息也如果用戶填寫了附加信息，將相應(yīng)的附件信息也全部清空。全部清空。 【操作演練操作演練 】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)2-3】使用使用Web標準服務(wù)器控件創(chuàng)建注冊頁面標準服務(wù)器控件創(chuàng)建注冊頁面 1 1在解決方案在解決方案“eShop02eShop02”中添加中添加1 1個個WebWeb頁面頁面eShop0202.aspxeShop0202.aspx2 2在樣式文件在樣式文件style02.cssstyle02.css中增加必要的樣式中增加必要的樣式打開樣式文件打開樣式文件style02.css，為用戶注冊界面設(shè)計必要的樣式，

55、新增加的，為用戶注冊界面設(shè)計必要的樣式，新增加的樣式定義如表樣式定義如表2-5所示。所示。3 3從靜態(tài)網(wǎng)頁從靜態(tài)網(wǎng)頁eShop02.htmleShop02.html中拷貝必要的中拷貝必要的XHTMLXHTML代碼到代碼到WebWeb頁面中頁面中4 4將現(xiàn)有將現(xiàn)有WebWeb頁面中的圖像替換為頁面中的圖像替換為ImageImage服務(wù)器控件服務(wù)器控件5 5將現(xiàn)有將現(xiàn)有WebWeb頁面中的超鏈接替換為頁面中的超鏈接替換為HyperLinkHyperLink服務(wù)器控件服務(wù)器控件6 6將現(xiàn)有將現(xiàn)有WebWeb頁面中的頁面中的SubmitSubmit控件替換為控件替換為ButtonButton服務(wù)器控件

56、服務(wù)器控件7 7將現(xiàn)有將現(xiàn)有WebWeb頁面中的頁面中的TextText控件替換為控件替換為TextBoxTextBox服務(wù)器控件服務(wù)器控件【操作演練操作演練 】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)2-3】使用使用Web標準服務(wù)器控件創(chuàng)建注冊頁面標準服務(wù)器控件創(chuàng)建注冊頁面 8 8將現(xiàn)有將現(xiàn)有WebWeb頁面中的頁面中的SelectSelect列表控列表控件替換為件替換為DropDownListDropDownList服務(wù)器控件服務(wù)器控件9 9在在WebWeb頁面中添加頁面中添加divdiv1010在在WebWeb頁面中添加表格頁面中添加表格1111在在WebWeb頁面中添加必要的控件制頁面中添加必要

57、的控件制作用戶注冊界面作用戶注冊界面用戶注冊界面的設(shè)計效果如圖用戶注冊界面的設(shè)計效果如圖2-17所所示，用戶注冊界面的代碼如表示，用戶注冊界面的代碼如表2-6所示。所示。圖圖2-17用戶注冊界面的設(shè)計效果用戶注冊界面的設(shè)計效果 【操作演練操作演練 】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)2-3】使用使用Web標準服務(wù)器控件創(chuàng)建注冊頁面標準服務(wù)器控件創(chuàng)建注冊頁面 1212添加必要的控件制作用戶注冊的附加信息界面添加必要的控件制作用戶注冊的附加信息界面（1）在表格的第）在表格的第7行合并的單元格中插入行合并的單元格中插入1個個Panel服務(wù)器控件服務(wù)器控件（2）在）在Panel服務(wù)器控件中插入服務(wù)器控件中

58、插入1個個4行行3列的表格列的表格（3）設(shè)置）設(shè)置4行行3列表格的屬性列表格的屬性（4）設(shè)置表格）設(shè)置表格tableInfo的列寬和對齊方式的列寬和對齊方式（5）在表格）在表格tableInfo的第的第1列的各個單元格中輸入文字列的各個單元格中輸入文字（6）在表格）在表格tableInfo第第1、3、4行的第行的第2個單元格中插入個單元格中插入TextBox服務(wù)器控件服務(wù)器控件（7）在表格）在表格tableInfo第第2行的第行的第2個單元格中插入個單元格中插入1個個RadioButtonList控件控件（8）在表格）在表格tableInfo第第3行和第行和第4行的第行的第3個單元格中插入個單

59、元格中插入Label服務(wù)器控件服務(wù)器控件【操作演練操作演練 】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)2-3】使用使用Web標準服務(wù)器控件創(chuàng)建注冊頁面標準服務(wù)器控件創(chuàng)建注冊頁面 用戶注冊的附加信息界用戶注冊的附加信息界面的設(shè)計效果如圖面的設(shè)計效果如圖2-202-20所所示，用戶注冊的附加信息示，用戶注冊的附加信息界面的代碼如表界面的代碼如表2-72-7所示。所示。圖圖2-20用戶注冊的附加信息界面的設(shè)計效果用戶注冊的附加信息界面的設(shè)計效果 【操作演練操作演練 】【任務(wù)實施任務(wù)實施】【任務(wù)任務(wù)2-3】使用使用Web標準服務(wù)器控件創(chuàng)建注冊頁面標準服務(wù)器控件創(chuàng)建注冊頁面 1313編寫程序代碼，實現(xiàn)用戶注冊的功

60、能編寫程序代碼，實現(xiàn)用戶注冊的功能（1）編寫）編寫Page_Load事件過程的程序代碼事件過程的程序代碼（2）定義）定義1個個bool型變量型變量（3）編寫程序控制）編寫程序控制【立即注冊立即注冊】按鈕是否為可用狀態(tài)按鈕是否為可用狀態(tài)（4）編寫程序驗證必須輸入內(nèi)容的文本輸入框是否為空）編寫程序驗證必須輸入內(nèi)容的文本輸入框是否為空（5）編寫程序驗證兩次輸入的密碼是否一致）編寫程序驗證兩次輸入的密碼是否一致（6）編寫程序控制用戶注冊的附加信息界面是否顯示）編寫程序控制用戶注冊的附加信息界面是否顯示（7）判斷用戶輸入的）判斷用戶輸入的E-mail地址、郵政編碼和手機號碼是否合法地址、郵政編碼和手機號