【正文】 實驗四 如何構(gòu)建Web窗體（一） 實驗名稱 如何構(gòu)建Web窗體（二） 實驗內(nèi)容 掌握如何構(gòu)建Web窗體，添加、刪除； 學(xué)習(xí)用6種不同的方法顯示字符串； 介紹如何從aspx頁面導(dǎo)入命名空間和C腳本的用法。（三） 實驗原理 添加、刪除一個頁面只需2秒鐘的事情，我們根本不需要進行相關(guān)的配置。關(guān)鍵是要讓我們就“如何構(gòu)建一個Web窗體”這個實驗中，嵌入盡可能多的知識點，然后將其顯示出來。 6種不同的方法主要指：HTML實現(xiàn)、寫C后臺代碼和通過拖控件來實現(xiàn)，具體看實驗步驟。 在學(xué)習(xí)過程中，我們發(fā)現(xiàn)有部分同學(xué)，在aspx頁面寫C腳本代碼時，運行不了，缺少命名空間，但又不知道如何添加命名空間。換句話講，該頁面的開發(fā)環(huán)境還沒有構(gòu)建好。通過本實驗將讓您迅速掌握如何解決很多初學(xué)者在學(xué)習(xí)過程中都遇到的頭疼問題。（四） 實驗步驟 ，界面如圖41所示：圖41 新建一個項目（可以直接點擊“新建項目按鈕”，或者到“文件”菜單里選擇“新建”，然后再選擇“項目”，注意選擇新建“ Web 應(yīng)用程序”。輸入項目名稱：WebDevelopment，如圖42所示：圖42 新建Web應(yīng)用程序確定后。您可以打開右側(cè)的“解決方案資源管理器”（如果沒有顯示出來的話，請打開“視圖”菜單，選擇“解決方案資源管理器”）進行頁面的重命名。注意右擊某個頁面的彈出菜單與右擊解決方案和右擊當(dāng)前項目的彈出菜單各不一樣，前者即可快速實現(xiàn)頁面的刪除，后者即可快速實現(xiàn)頁面的添加。頁面的添加和刪除讀者應(yīng)該知道去哪里找了吧。，則打開該頁面，Ctrl+PageDown組合鍵或者右擊打開該頁面的HTML源代碼，右擊選擇“查看代碼”進入后臺C代碼編輯區(qū)，在Page_Load方法內(nèi)添加：(Web技術(shù)開發(fā) 3)。在form與/form標(biāo)簽之間直接加入“WEB 開發(fā)技術(shù) 1brbr”即實現(xiàn)了HTML顯示字符串，再添加如下代碼實現(xiàn)了C腳本的輸出： % (Web技術(shù)開發(fā) 2brbr)。//在頁面上顯示字符串% 進入aspx頁面設(shè)計窗口，直接將Web 窗體選項卡內(nèi)的Label控件放入aspx設(shè)計頁面中，其中每個選項卡最頂端的箭頭表示取消對當(dāng)前控件的選擇。界面如圖43所示：圖43 選中頁面中的Label對象，將其Text屬性置為：“Web開發(fā)技術(shù) 4”，進入HTML源，將Label服務(wù)器控件的sytle屬性刪除，因為該屬性設(shè)置了其顯示層和相對位置； 選擇工具箱的HTML選項卡，將Label拖入設(shè)計頁面中，置其值為：“Web開發(fā)技術(shù) 5”； 在設(shè)計頁面按Ctrl+PageDown組合鍵，進入HTML源代碼編輯區(qū)。添加如下HTML代碼：h4 id=ct1 runat=server/h4 注意必須要有“runat=server”，因為我們要在后臺C代碼里設(shè)置其值。按Ctrl+PageDown組合鍵，轉(zhuǎn)入設(shè)計頁面。這時，代碼中聲明了一個為HtmlGenericControl類的對象：ct1。雙擊設(shè)計窗口空白處，直接轉(zhuǎn)入后臺代碼編輯區(qū)，Page_Load方法內(nèi)添加一行如下C代碼：=Web技術(shù)開發(fā) 6。在有些情況下（比如，用服務(wù)器腳本給某些控件屬性傳值時）。這里您不妨先將HTML代碼里面的服務(wù)器腳本代碼暫時轉(zhuǎn)移，然后打開設(shè)計窗口，則又會自動生成該控件的C聲明（在腳本代碼多的情況下，不建議轉(zhuǎn)移腳本代碼，因為自動生成完聲明后，您或許就不知道這些腳本該放在什么位置了，建議還是運行一下程序，又會自動幫您生成相對應(yīng)的代碼，此方法適合在任何情況下要迅速在后臺C代碼編輯區(qū)進行編程工作，實在不能幫您自動生成C代碼的話，那就只有您自己編寫了）。 另外還有一點值得注意的是：程序要養(yǎng)成不斷測試和隨時保存的良好習(xí)慣。，其裝載速度較慢，但該網(wǎng)頁被訪問的速度卻是極快的。在這里，過去許多ASP開發(fā)傾向于使用大量的服務(wù)器腳本，()方法代替靜態(tài)HTML元素，雖然這種方法有些時候確實方便，但它卻會大大降低執(zhí)行效率，建議少用服務(wù)器腳本，盡可能用HTML元素，而將服務(wù)器腳本隱藏至后臺C代碼中，即滿足了不降低效率又實現(xiàn)了防止代碼的非正常情況下的暴露。兩全其美的方法，何嘗不選擇這種方法呢？按以上步驟的頁面顯示效果如圖44所示（注意顯示順序）：圖44 多種不同的方式顯示文字：%@ Page language=C Codebehind= AutoEventWireup= false Inherits= %!DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN HTMLHEADtitleHelloWorld/titlemeta name=GENERATOR Content=Microsoft Visual Studio .NET meta name=CODE_LANGUAGE Content=Cmeta name= vs_defaultClientScript content= JavaScript metaname= vs_targetSchema content= ://schemas. /HEADbody MS_POSITIONING=GridLayoutform id=Form1 method=post runat=serverWeb 開發(fā)技術(shù) 1brbr% (Web技術(shù)開發(fā) 2brbr)。//在頁面上顯示字符串%asp:Label id=Label1 runat=serverWeb開發(fā)技術(shù) 4/asp:LabelbrbrDIV ms_positioning=FlowLayoutWeb開發(fā)技術(shù) 5/DIVh4 id=ct1 runat=server/h4/form/body/HTML：using System。using 。using 。using 。using 。using 。using 。using 。using 。using 。namespace WebDevelopment{ /// summary /// HelloWorld 的摘要說明。 /// /summary public class HelloWorld : { protected ct1。 protected Label1。 private void Page_Load(object sender, e) { // 在此處放置用戶代碼以初始化頁面 (Web技術(shù)開發(fā) 3)。 =Web技術(shù)開發(fā) 6。 } region Web 窗體設(shè)計器生成的代碼 override protected void OnInit(EventArgs e) { // // CODEGEN: 該調(diào)用是 Web 窗體設(shè)計器所必需的。 // InitializeComponent()。 (e)。 } /// summary /// 設(shè)計器支持所需的方法 不要使用代碼編輯器修改 /// 此方法的內(nèi)容。 /// /summary private void In