基于瀏覽器的應用程序
介紹
在這次實踐練習中在這個手把手的實驗里，你將使用一個Web form 一步一步的建立一個Hello World的Web應用程序。
建立一個Hello World的Web應用程序
1. 點擊Start，點擊Programs，點擊Microsoft Visual Studio .NET 7.0，接著點擊Microsoft Visual Studio .NET 7.0。起始頁如圖1所示。
 圖1. Visual Studio .NET IDE的起始頁 |
2. 點擊New Project. New Project 如圖2所示。
 圖 2. New Project 窗口 |
3. 在Project Types 欄里，點擊Visual Basic Projects，接著在 Templates pane，點擊ASP .NET Web Application。不要修改Name(WebApplication1)和Location(http://
4. 點擊OK. 一個標題為"WebForm1.aspx"的窗口出現如圖3。
 圖 3. 帶有網格的空白Web form |
5. 選擇View菜單，點擊Toolbox (或者點擊Toolbox圖標).
使用Toolbox 菜單建立你的Web form。Toolbox菜單顯示了一列可在Web forms中使用的控件。
6. 選擇Toolbox 菜單，點擊并且拖曳一個Label 到WebForm1.aspx的左上角。
7. 選擇Toolbox 菜單，點擊并且拖曳一個TextBox 到第6步你所放置的label的右側。
8. 選擇Toolbox 菜單，點擊并且拖曳一個Button到第7步你所放置的TextBox的右側。
9. 選擇Toolbox 菜單，點擊并且拖曳另一個 TextBox 放在第一個text box的下面。你的web form看起來可能很象圖4所示。
 圖4. Web Form 設計網格和對象 |
編輯一個Web Form
你現在可以編輯你剛才在你的form(WebForm1.aspx)中增加的對象了。你將使用在頁面的右下角的Properties編輯label和button的屬性。你也將給這個button增加一個過程。
1. 點擊form上的Label。
2. 在Properties里， 改變Text field 的值從"Label" 到"Enter Name:"。
3. 點擊form上的Button。
4. 在Properties里， 改變Text field 的值從"Button" 到"OK"。
5. 雙擊form中新建的標題為OK的button。WebForm1.aspx.vb 的源代碼顯示出來，里面包含兩個過程： Page_Init 和 Button1_Click。在這個實驗里，你將僅僅修改Button1_Click 過程。
注意 不要編輯 Page_Init 過程，因為Web Form Designer使用它。
6. 將以下的代碼添加到Button1_Click 過程：
| If TextBox1().Text <> "" Then TextBox2().Text = "Hello " & TextBox1().Text & "!" End If |
當這段代碼添加進去后，應用程序就可以運行了。
注意 因為這只是Visual Studio .NET的Beta 2版，所以應用程序可能裝載的時間比預期的長一點。這是因為有很多調試代碼需要執行。
7. 按F5。
應用程序編譯后將啟動一個新的瀏覽器窗口如圖五所示。
 圖五. 用瀏覽器瀏覽Web form |
8. 在text box中，輸入名字例如"John"。
9. 單擊OK。你編輯的Web form大概如圖六所示。
 圖六. Web form 的結果 |
關閉
按照以下步驟執行關閉應用程序：
1. 單擊File，接著Close，關閉 Internet Explorer。
2. 單擊File，接著Exit，關閉IDE。