WebForm 從0到1教學：Visual Studio 輕鬆建立你的第一個網頁應用程式

在軟體開發的世界中，WebForm 曾經是 .NET Framework 最受歡迎的 Web 開發技術之一。雖然現在已經被 MVC 和 Razor Pages 等新技術逐漸取代，但對於想要理解 .NET Web 開發基礎的開發者來說，WebForm 仍然是一個絕佳的學習起點。本文將帶你從零開始，一步步建立你的第一個 WebForm 應用程式。

什麼是 WebForm？

WebForm 是微軟在 .NET Framework 2.0 時代推出的 Web 開發技術，它提供了一種類似 Windows Form 的事件驅動程式設計模型。簡單來說，WebForm 讓開發者可以像寫桌面應用程式一樣編寫 Web 應用程式，降低了 Web 開發的入門門檻。

下載 Visual Studio 社群版

開始 WebForm 之旅的第一步是下載 Visual Studio。Microsoft 提供免費的社群版，非常適合個人開發者和學習者：

• 打開微軟官方網站：點我前往
• 點選「下載 Visual Studio Community」按鈕
• 下載安裝程式後，執行並選擇 ".NET 桌面開發" 工作負載
• 等待安裝完成（這可能需要一些時間，請保持耐心）

建立 WebForm 專案

安裝完 Visual Studio 後，我們可以開始建立第一個 WebForm 專案：

• 啟動 Visual Studio
• 選擇「建立新專案」
• 在搜尋框中輸入 "ASP.NET Web Forms"
• 選擇 "ASP.NET Web Forms 應用程式" 專案範本
• 命名你的專案，例如 "MyFirstWebForm"
• 選擇專案位置，然後點選「建立」

專案結構解析

預設的 WebForm 專案包含了多個重要的資料夾和檔案：

• Default.aspx：主要的網頁檔案
• Default.aspx.cs：網頁的程式碼後置檔案（Code-behind）
• Site.Master：網站的主版面配置檔案
• Web.config：專案的設定檔

製作第一個 Hello World 網頁

在 Default.aspx 檔案中，我們可以直接改寫為：

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
    Hello World
</asp:Content>

在對應的 Default.aspx.cs 檔案中，你可以加入事件處理邏輯：

using System;

namespace MyFirstWebForm
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            // 頁面載入時的初始化邏輯
        }
    }
}

點選「執行」按鈕（綠色三角形），Visual Studio 會使用內建的 IIS Express 啟動你的網站，你將看到第一個 Hello World WebForm 網頁！

結語

恭喜你完成了第一個 WebForm 應用程式！雖然 WebForm 已不再是主流的 Web 開發技術，但它仍然是理解 .NET Web 開發基礎的絕佳途徑。接下來，你可以繼續探索更多 WebForm 的特性，如事件處理、狀態管理和伺服器控制項。