什麼是 VB.Net?
VB.Net(Visual Basic .NET)是 Microsoft 開發的物件導向程式語言,適用於 Windows 應用程式、Web 應用程式和資料庫開發。它簡單易學,適合初學者進入程式開發領域。
我們將從零開始,使用 VB.Net 和 ASP.NET Web Forms 建立你的第一個 Web 應用程式。
目標
- 安裝開發環境
- 建立 ASP.NET Web Forms 專案
- 撰寫簡單的 VB.Net 代碼處理 Web 表單輸入
安裝開發環境
下載與安裝 Visual Studio
- 前往 Visual Studio 官方網站 下載 Visual Studio 社群版(免費)。
- 在安裝選項中,勾選 .NET 桌面開發 和 ASP.NET 與 Web 開發。

- 完成安裝後,開啟 Visual Studio。
建立 ASP.NET Web Forms 專案
- 開啟 Visual Studio,選擇 建立新專案。

- 搜尋並選擇 ASP.NET Web 應用程式 (.NET Framework)。

- 設定專案名稱,例如:
WebApplication1
,選擇 儲存位置,點擊 建立。

- 選擇 Web Forms 範本,並勾選 設定 HTTPS。

- 點擊 建立,Visual Studio 會自動產生一個基本的 Web Forms 專案。
撰寫你的第一個 VB.Net 程式
編輯 Default.aspx 頁面
這是你的首頁,打開 Default.aspx
,並新增以下表單元件:
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<h2>歡迎來到我的第一個 ASP.NET Web 應用程式!</h2>
<div>
<asp:Label ID="Label1" runat="server" Text="請輸入您的名字:" />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="送出" OnClick="Button1_Click" CssClass="btn btn-primary"/>
<br /><br />
<asp:Label ID="ResultLabel" runat="server" ForeColor="Blue" />
</div>
</asp:Content>
Web Forms 元件
<asp:TextBox>
→ 讓使用者輸入內容<asp:Button>
→ 按鈕,點擊後觸發事件<asp:Label>
→ 顯示訊息
編輯 Default.aspx.vb(後端程式碼)
打開 Default.aspx.vb
,新增以下 VB.Net 程式碼來處理按鈕點擊事件:
Public Class _Default
Inherits System.Web.UI.Page
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Button1.Click
' 取得使用者輸入的名字
Dim userName As String = TextBox1.Text.Trim()
' 如果名字不為空則顯示歡迎訊息
If userName <> "" Then
ResultLabel.Text = "Hello, " & Server.HtmlEncode(userName) & "!歡迎來到 ASP.NET Web Forms!"
Else
ResultLabel.Text = "請輸入您的名字!"
End If
End Sub
End Class
說明
TextBox1.Text.Trim()
取得使用者輸入的內容,並去掉前後空白。Server.HtmlEncode(userName)
可防止 XSS 攻擊(惡意 JavaScript 注入)。ResultLabel.Text
會更新畫面上的文字,顯示歡迎訊息。
執行與測試
- 點擊 F5 執行專案。
- 在瀏覽器中開啟
http://localhost:XXXX/
(XXXX 是你的開發埠)。 - 輸入你的名字,例如
Alice
,然後點擊 送出。 - 頁面會顯示:
Hello, Alice!歡迎來到 ASP.NET Web Forms!
- 若輸入空值,則會顯示
請輸入您的名字!

如果你有興趣進一步學習,請留言告訴我或留言與我分享~~~~