建立第一個ASP.NET應用程式(第1節)_實用技巧

來源:互聯網
上載者:User

這一節我們一起學習建立一個根據使用者輸入來顯示相應的歡迎資訊的頁面,希望小夥伴們可以和我一起動手操作
學習內容:
第一步,建立ASP.NET程式
1、運行 Visual Studio 2008。在功能表列中選擇“檔案” →“建立” →“項目”命令,在彈出的“建立項目”的對話方塊中,選擇左側的“其他項目類型”樹形目錄中的“Visual Studio 解決方案”選項,在右邊“Visual Studio 已安裝的模板”選項地區中選擇“空白解決方案”選項,這裡給解決方案命名為“0931”,然後單擊“確定”。
2、 在“方案總管”視窗中,右擊“解決方案0931”,在彈出的捷徑功能表中選擇“添加” →“建立網站”命令,然後“添加新網站”對話方塊中,選擇“ASP.NET網站”選項;在對話方塊下方的選項地區中,在“位置”下拉式清單中選擇“檔案系統”選項,在“語言”下拉式清單中選擇“Visual C #”選項:單擊“瀏覽”按鈕選擇網站路徑:E\0931\Chap1,單擊“確定”。
3、通過Web表單頁面右側的“方案總管”面板,可以看到Visual Studio 自動產生的內容。其中App-Data 為應用程式的資料檔案夾, Default.aspx 為一個空白的Web表單頁面,是網站的預設首頁,Default.aspx.cs為其代碼的後置檔案。將滑鼠指標移動到Web表單頁面左側的“工具箱”標籤上,可以在展開工具箱中看到ASP.NET 的各類控制項,添加控制項時只需要雙擊控制項或者是將空間直接拖到Web表單頁面上。

第二步、WEB表單頁面的控制設計
1、在Visual Studio 2008的“方案總管”面板中,右擊網站名Chap1, 在彈出的捷徑功能表中選擇“添加新項”命令,在彈出的“添加新項”對話方塊中選擇“Web表單”選項,名稱為Chap1-1.aspx,預設選擇“將代碼放在單獨的檔案中”選項,單擊“添加”按鈕。
2、切換到“設計”視圖,為Chap1-1.aspx頁面添加控制項,從左側工具箱標準組中拖出1個Image控制項,3個Lable控制項,1個TextBox控制項,1個Button控制項和1個LinkButton控制項。第一種方法可以在設計檢視中右擊控制項,在彈出的捷徑功能表中選擇“屬性”命令,開啟“屬性”視窗,設定控制項的屬性如:

  

第二種方法也可以在“原始碼”視圖中添加控制項屬性和屬性值。
第三步,事件處理與代碼後置,在Chap1-1.aspx頁面的“設計”視圖中雙擊Button1控制項,可以為Button1控制項自動添加一個屬性和屬性值:

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() +“同學,歡迎你!”; Lable3.Text=hello; }}

第四步、WEB.CONFIG設定檔
最後在標準工具列中單擊“啟動調試”按鈕,運行Chap1-1.aspx。注意在彈出的對話方塊中選擇“不進行調試直接運行”,單擊“確定”按鈕即可。

運行效果圖

總結
     今天小編建立了第一個ASP.NET應用程式,雖然有許多不完美的地方,布局不夠精細,美觀;在操作的過程中也出現了錯誤,重複操作,開啟網頁時圖片不能正常開啟,發現原因是沒有正確的指定圖片的路徑,但是通過本節課,學到了很多技巧,開啟了ASP.NET的奇妙之旅。

     希望大家可以和小編一起探索下去,共同學習。
    

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.