当前位置：首页 > article >正文

《WebForms 实例》

article 2025/3/12 21:15:12

《WebForms 实例》

引言

WebForms 是微软推出的一种用于构建动态Web应用程序的技术。它基于ASP.NET框架，允许开发者使用服务器端控件来构建用户界面，并通过事件驱动模型来响应用户交互。本文将通过一些实例，详细介绍WebForms的使用方法，帮助开发者更好地理解和应用这一技术。

实例一：简单的登录表单

以下是一个简单的登录表单实例，用于验证用户名和密码。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="WebApplication1.Login" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>登录表单</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Label ID="Label1" runat="server" Text="用户名:"></asp:Label>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </div>
        <div>
            <asp:Label ID="Label2" runat="server" Text="密码:"></asp:Label>
            <asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox>
        </div>
        <div>
            <asp:Button ID="Button1" runat="server" Text="登录" OnClick="Button1_Click" />
        </div>
    </form>
</body>
</html>

protected void Button1_Click(object sender, EventArgs e)
{
    if (TextBox1.Text == "admin" && TextBox2.Text == "admin")
    {
        Response.Redirect("Welcome.aspx");
    }
    else
    {
        Label3.Text = "用户名或密码错误！";
    }
}

在这个例子中，我们使用asp:Label控件来显示提示信息，使用asp:TextBox控件来获取用户输入的用户名和密码。当用户点击登录按钮时，会触发Button1_Click事件处理程序，检查用户名和密码是否正确。

实例二：用户注册

以下是一个用户注册的实例，包括用户名、密码、邮箱和手机号等信息。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="WebApplication1.Register" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>用户注册</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Label ID="Label1" runat="server" Text="用户名:"></asp:Label>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </div>
        <div>
            <asp:Label ID="Label2" runat="server" Text="密码:"></asp:Label>
            <asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox>
        </div>
        <div>
            <asp:Label ID="Label3" runat="server" Text="邮箱:"></asp:Label>
            <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        </div>
        <div>
            <asp:Label ID="Label4" runat="server" Text="手机号:"></asp:Label>
            <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
        </div>
        <div>
            <asp:Button ID="Button1" runat="server" Text="注册" OnClick="Button1_Click" />
        </div>
    </form>
</body>
</html>

protected void Button1_Click(object sender, EventArgs e)
{
    // 对用户输入进行验证和存储
}

在这个例子中，我们同样使用asp:Label和asp:TextBox控件来获取用户输入的信息。当用户点击注册按钮时，会触发Button1_Click事件处理程序，对用户输入的信息进行验证和存储。

实例三：动态表单

以下是一个动态表单的实例，根据用户选择的表单类型，显示不同的字段。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DynamicForm.aspx.cs" Inherits="WebApplication1.DynamicForm" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>动态表单</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Label ID="Label1" runat="server" Text="选择表单类型:"></asp:Label>
            <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
                <asp:ListItem Value="个人资料">个人资料</asp:ListItem>
                <asp:ListItem Value="工作经历">工作经历</asp:ListItem>
            </asp:DropDownList>
        </div>
        <div id="PersonalInfo">
            <asp:Label ID="Label2" runat="server" Text="姓名:"></asp:Label>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </div>
        <div id="WorkExperience" style="display:none;">
            <asp:Label ID="Label3" runat="server" Text="公司名称:"></asp:Label>
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
            <asp:Label ID="Label4" runat="server" Text="职位:"></asp:Label>
            <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        </div>
        <div>
            <asp:Button ID="Button1" runat="server" Text="提交" OnClick="Button1_Click" />
        </div>
    </form>
</body>
</html>

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
    if (DropDownList1.SelectedItem.Value == "个人资料")
    {
        Panel1.Controls.Add(PersonalInfo);
        Panel1.Controls.Remove(WorkExperience);
    }
    else
    {
        Panel1.Controls.Add(WorkExperience);
        Panel1.Controls.Remove(PersonalInfo);
    }
}

在这个例子中，我们使用asp:DropDownList控件来让用户选择表单类型。根据用户的选择，我们通过JavaScript和CSS控制不同表单字段的显示和隐藏。