iT邦幫忙

2

入門 ASP.NET Web Forms:建立您的第一個 Web 應用程式

  • 分享至 

  • xImage
  •  

ASP.NET Web Forms 是一個強大的開發框架,適合用來構建動態和交互性的 Web 應用程式。Web Forms 透過事件驅動的開發模型,讓開發人員能夠快速地創建複雜的 Web 界面,同時利用伺服器端的資源來處理數據。本文將帶您深入了解 ASP.NET Web Forms 的基本概念,並指導您建立第一個簡單的 Web 應用程式。

前置需求
在開始之前,您需要:

Visual Studio(建議最新版)
基本的 C# 程式語言知識
建立第一個 ASP.NET Web Forms 專案
以下是建立一個 ASP.NET Web Forms 應用程式的步驟:

啟動 Visual Studio
開啟 Visual Studio,選擇 File > New > Project。

選擇專案模板
在專案範本中,選擇 ASP.NET Web Application (.NET Framework),並為專案命名,例如「MyFirstWebApp」。

選擇 Web Forms
在彈出的對話框中,選擇 Web Forms 作為應用程式模板,並點擊 Create。

建立完成
Visual Studio 將會自動為您生成一個包含基礎結構的 Web Forms 專案,您可以立即開始編輯和開發。

理解 ASP.NET Web Forms 的基本結構
當專案建立後,您會看到以下幾個重要的檔案與文件夾:

Default.aspx:這是 ASP.NET Web Forms 的一個頁面文件,用於設置 HTML 結構和伺服器控制項。
Default.aspx.cs:這是 Default.aspx 頁面的代碼後置文件,用於處理伺服器端邏輯。
Web.config:此文件儲存應用程式的配置,例如資料庫連接字串、認證方式等。
每個 .aspx 頁面都包含 HTML 結構和伺服器端控制項,並使用代碼後置來處理邏輯。

建立並使用伺服器控制項
在 Web Forms 中,我們可以使用多種伺服器控制項(如按鈕、標籤、文字框等)來設置表單界面,並在代碼後置中處理事件。以下範例展示如何在 Default.aspx 頁面中放置一個按鈕和標籤,並在按鈕點擊時更改標籤的文字。

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>我的第一個 ASP.NET Web Forms 頁面</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Label ID="Label1" runat="server" Text="Hello, ASP.NET!"></asp:Label>
            <br />
            <asp:Button ID="Button1" runat="server" Text="點我改變文字" OnClick="Button1_Click" />
        </div>
    </form>
</body>
</html>

Default.aspx.cs
在代碼後置文件中,我們撰寫按鈕點擊事件的邏輯。

using System;
public partial class Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // 頁面載入時的處理邏輯
    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = "按鈕已被點擊!";
    }
}

瞭解 ViewState 的功能
在 Web Forms 中,ViewState 是一個內建的功能,用於保存頁面控制項的狀態。例如,當頁面重新加載時,ViewState 可以保留控制項中的數據。這對於表單數據的保存非常有幫助。

使用 ViewState 的示例
csharp

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        ViewState["Counter"] = 0;
    }
}
protected void Button1_Click(object sender, EventArgs e)
{
    int counter = (int)ViewState["Counter"];
    counter++;
    ViewState["Counter"] = counter;
    Label1.Text = "按鈕已被點擊 " + counter + " 次";
}

執行和測試應用程式
按下 Ctrl+F5 或點擊 Start 按鈕,執行您的應用程式。當頁面加載完成後,點擊按鈕即可觀察標籤文字的變化。

小結
本文介紹了如何建立和運行一個簡單的 ASP.NET Web Forms 應用程式,並示範了伺服器控制項和事件處理的使用。ASP.NET Web Forms 提供了強大的功能來構建基於事件的 Web 應用程式,非常適合需要快速開發的專案。通過掌握這些基礎知識,您可以繼續深入學習並構建更為複雜的應用程式。


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言