快捷導(dǎo)航

創(chuàng)建第一個(gè)ASP.NET應(yīng)用程序(第1節(jié))

更新時(shí)間：2022年04月27日 13:52:51 投稿：lijiao

本文通過(guò)創(chuàng)建第一個(gè)ASP.NET應(yīng)用程序，了解.net代碼后置技術(shù)以及事件驅(qū)動(dòng)機(jī)制和web頁(yè)面設(shè)計(jì)中的基本控件使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

這一節(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)螕?ldquo;瀏覽”按鈕選擇站點(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í)。

您可能感興趣的文章: