這一節(jié)我們一起學(xué)習(xí)創(chuàng)建一個(gè)根據(jù)用戶輸入來顯示相應(yīng)的歡迎信息的頁面,希望小伙伴們可以和我一起動(dòng)手操作
學(xué)習(xí)內(nèi)容:
第一步,創(chuàng)建ASP.NET程序
1、運(yùn)行 Visual Studio 2008。在菜單欄中選擇“文件” →“新建” →“項(xiàng)目”命令,在彈出的“新建項(xiàng)目”的對(duì)話框中,選擇左側(cè)的“其他項(xiàng)目類型”樹形目錄中的“Visual Studio 解決方案”選項(xiàng),在右邊“Visual Studio 已安裝的模板”選項(xiàng)區(qū)域中選擇“空白解決方案”選項(xiàng),這里給解決方案命名為“0931”,然后單擊“確定”。
2、 在“解決方案資源管理器”窗口中,右擊“解決方案0931”,在彈出的快捷菜單中選擇“添加” →“新建網(wǎng)站”命令,然后“添加新網(wǎng)站”對(duì)話框中,選擇“ASP.NET網(wǎng)站”選項(xiàng);在對(duì)話框下方的選項(xiàng)區(qū)域中,在“位置”下拉列表中選擇“文件系統(tǒng)”選項(xiàng),在“語言”下拉列表中選擇“Visual C #”選項(xiàng):單擊“瀏覽”按鈕選擇站點(diǎn)路徑:E\0931\Chap1,單擊“確定”。
3、通過Web窗體頁面右側(cè)的“解決方案資源管理器”面板,可以看到Visual Studio 自動(dòng)生成的內(nèi)容。其中App-Data 為應(yīng)用程序的數(shù)據(jù)文件夾, Default.aspx 為一個(gè)空白的Web窗體頁面,是網(wǎng)站的默認(rèn)首頁,Default.aspx.cs為其代碼的后置文件。將鼠標(biāo)指針移動(dòng)到Web窗體頁面左側(cè)的“工具箱”標(biāo)簽上,可以在展開工具箱中看到ASP.NET 的各類控件,添加控件時(shí)只需要雙擊控件或者是將空間直接拖到Web窗體頁面上。
第二步、WEB窗體頁面的控制設(shè)計(jì)
1、在Visual Studio 2008的“解決方案資源管理器”面板中,右擊站點(diǎn)名Chap1, 在彈出的快捷菜單中選擇“添加新項(xiàng)”命令,在彈出的“添加新項(xiàng)”對(duì)話框中選擇“Web窗體”選項(xiàng),名稱為Chap1-1.aspx,默認(rèn)選擇“將代碼放在單獨(dú)的文件中”選項(xiàng),單擊“添加”按鈕。
2、切換到“設(shè)計(jì)”視圖,為Chap1-1.aspx頁面添加控件,從左側(cè)工具箱標(biāo)準(zhǔn)組中拖出1個(gè)Image控件,3個(gè)Lable控件,1個(gè)TextBox控件,1個(gè)Button控件和1個(gè)LinkButton控件。第一種方法可以在設(shè)計(jì)視圖中右擊控件,在彈出的快捷菜單中選擇“屬性”命令,打開“屬性”窗口,設(shè)置控件的屬性如:
第二種方法也可以在“源代碼”視圖中添加控件屬性和屬性值。
第三步,事件處理與代碼后置,在Chap1-1.aspx頁面的“設(shè)計(jì)”視圖中雙擊Button1控件,可以為Button1控件自動(dòng)添加一個(gè)屬性和屬性值:
OnClick=Button1_Click。在Chap1-1.aspx.cs后置代碼文件的Button1_Click事件中編寫代碼如下:public partial class chap1_1 :system.web.UI.page { protected void page_Load(object sender,EventArgs e) { } protected void Button1_Click(object sender,EventArgs e) { string hello=TextBox1.Text.Trim() +“同學(xué),歡迎你!”; Lable3.Text=hello; } }
第四步、WEB.CONFIG配置文件
最后在標(biāo)準(zhǔn)工具欄中單擊“啟動(dòng)調(diào)試”按鈕,運(yùn)行Chap1-1.aspx。注意在彈出的對(duì)話框中選擇“不進(jìn)行調(diào)試直接運(yùn)行”,單擊“確定”按鈕即可。
運(yùn)行效果圖
總結(jié)
今天小編創(chuàng)建了第一個(gè)ASP.NET應(yīng)用程序,雖然有許多不完美的地方,布局不夠精細(xì),美觀;在操作的過程中也出現(xiàn)了錯(cuò)誤,重復(fù)操作,打開網(wǎng)頁時(shí)圖片不能正常打開,發(fā)現(xiàn)原因是沒有正確的指定圖片的路徑,但是通過本節(jié)課,學(xué)到了很多技巧,開啟了ASP.NET的奇妙之旅。
希望大家可以和小編一起探索下去,共同學(xué)習(xí)。