C#实现简单网页

最新推荐文章于 2025-02-25 08:47:34 发布

git1314

最新推荐文章于 2025-02-25 08:47:34 发布

阅读量2.1w

点赞数 15

分类专栏： c# C#网站设计文章标签： c#网页设计

本文链接：https://blog.csdn.net/github_39533414/article/details/89107128

版权

本文介绍如何使用C#创建一个简单的ASP.NET网站，包括创建WebForm1页面，实现用户输入数并计算平方根的功能，以及讨论如何进行DIV/CSS布局和样式设计。教程覆盖了数据的前后台交互和前端页面美化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

⑴ 创建ASP.NET网站

新建MyWebSite网站，添加一个WebForm1网页，其中包含一个文本框TextBox1一个按钮Button1（计算）和一个标签Label1（""）。在文本框中输入一个数，当点击“计算”按钮时，在标签中显示此数的平方根。

WebForm1.aspx文件内容如下:


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="shiyan1.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .TextBox1 {
            width: 20px;
            height: 5px;
            right: 50%;
            left: 50%;
            margin-top: 20px;
            margin-right: 400px;
        }
        .Button1
        {
            width: 10px;
            height: 4px;
            right: 500px;
            left: 500px;
        }
    </style>
</head>
<body class="TextBox1">
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server" ontextchanged="TextBox1_TextChanged"></asp:TextBox>
    </div>
    <p>
        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="计算" 
            Width="73px" Height="29px" />
    </p>
    </form>
</body>
</html>

WebForm1.aspx.cs文件如下:


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace shiyan1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Button1_C

最低0.47元/天解锁文章