這一節(jié)我們一起學(xué)習(xí)創(chuàng)建一個(gè)根據(jù)用戶輸入來(lái)顯示相應(yīng)的歡迎信息的頁(yè)面,希望小伙伴們可以和我一起動(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),在“語(yǔ)言”下拉列表中選擇“Visual C #”選項(xiàng):?jiǎn)螕簟盀g覽”按鈕選擇站點(diǎn)路徑:E\0931\Chap1,單擊“確定”。
3、通過(guò)Web窗體頁(yè)面右側(cè)的“解決方案資源管理器”面板,可以看到Visual Studio 自動(dòng)生成的內(nèi)容。其中App-Data 為應(yīng)用程序的數(shù)據(jù)文件夾, Default.aspx 為一個(gè)空白的Web窗體頁(yè)面,是網(wǎng)站的默認(rèn)首頁(yè),Default.aspx.cs為其代碼的后置文件。將鼠標(biāo)指針移動(dòng)到Web窗體頁(yè)面左側(cè)的“工具箱”標(biāo)簽上,可以在展開(kāi)工具箱中看到ASP.NET 的各類控件,添加控件時(shí)只需要雙擊控件或者是將空間直接拖到Web窗體頁(yè)面上。
第二步、WEB窗體頁(yè)面的控制設(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頁(yè)面添加控件,從左側(cè)工具箱標(biāo)準(zhǔn)組中拖出1個(gè)Image控件,3個(gè)Lable控件,1個(gè)TextBox控件,1個(gè)Button控件和1個(gè)LinkButton控件。第一種方法可以在設(shè)計(jì)視圖中右擊控件,在彈出的快捷菜單中選擇“屬性”命令,打開(kāi)“屬性”窗口,設(shè)置控件的屬性如:
第二種方法也可以在“源代碼”視圖中添加控件屬性和屬性值。
第三步,事件處理與代碼后置,在Chap1-1.aspx頁(yè)面的“設(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ì),美觀;在操作的過(guò)程中也出現(xiàn)了錯(cuò)誤,重復(fù)操作,打開(kāi)網(wǎng)頁(yè)時(shí)圖片不能正常打開(kāi),發(fā)現(xiàn)原因是沒(méi)有正確的指定圖片的路徑,但是通過(guò)本節(jié)課,學(xué)到了很多技巧,開(kāi)啟了ASP.NET的奇妙之旅。
希望大家可以和小編一起探索下去,共同學(xué)習(xí)。
您可能感興趣的文章:- VS2010、VS2008等項(xiàng)目的默認(rèn)瀏覽器修改方法(圖文)
- win7系統(tǒng)下 vs2010 調(diào)式就關(guān)閉要重啟處理方法
- 使用VS2010創(chuàng)建MFC ActiveX工程項(xiàng)目
- VS2010發(fā)布Web網(wǎng)站技術(shù)攻略
- ASP.NET MVC3網(wǎng)站創(chuàng)建與發(fā)布(1)
- ASP.NET網(wǎng)站模板的實(shí)現(xiàn)(第2節(jié))
- ASP.NET網(wǎng)站聊天室的設(shè)計(jì)與實(shí)現(xiàn)(第3節(jié))
- ASP.NET用戶注冊(cè)實(shí)戰(zhàn)(第11節(jié))
- VS2010新建站點(diǎn)發(fā)布并訪問(wèn)步驟詳解
- ASP.NET MVC5網(wǎng)站開(kāi)發(fā)概述(一)
- ASP.NET MVC5網(wǎng)站開(kāi)發(fā)項(xiàng)目框架(二)
- vs2010制作簡(jiǎn)單的asp.net網(wǎng)站