用c# asp.net写一个留言页
时间: 2023-08-02 13:44:39 浏览: 137
好的,下面是一个简单的留言板页面的示例代码:
1. 在 ASP.NET Web 应用程序中,创建一个新的 Web 窗体,然后将以下代码复制粘贴到窗体中:
```csharp
<%@ 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>留言板</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h1>留言板</h1>
<hr />
<asp:Label ID="lblName" runat="server" Text="姓名:"></asp:Label>
<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
<br />
<asp:Label ID="lblMessage" runat="server" Text="留言:"></asp:Label>
<br />
<asp:TextBox ID="txtMessage" runat="server" TextMode="MultiLine" Rows="10"
Width="500"></asp:TextBox>
<br />
<asp:Button ID="btnSubmit" runat="server" Text="提交" OnClick="btnSubmit_Click" />
<hr />
<asp:Label ID="lblResult" runat="server"></asp:Label>
</div>
</form>
</body>
</html>
```
2. 添加一个数据模型类 Message,用于表示留言信息,代码如下:
```csharp
public class Message
{
public string Name { get; set; }
public string Content { get; set; }
public DateTime Time { get; set; }
}
```
3. 在代码文件 Default.aspx.cs 中添加以下代码:
```csharp
using System;
using System.Collections.Generic;
using System.Web.UI.WebControls;
public partial class _Default : System.Web.UI.Page
{
private List<Message> messages;
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
// 初始化留言列表
messages = new List<Message>();
ViewState["Messages"] = messages;
}
else
{
messages = (List<Message>)ViewState["Messages"];
}
BindMessages();
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
// 创建新的留言对象
Message message = new Message();
message.Name = txtName.Text.Trim();
message.Content = txtMessage.Text.Trim();
message.Time = DateTime.Now;
// 添加到留言列表中
messages.Add(message);
// 重新绑定留言列表
BindMessages();
// 清空输入框
txtName.Text = "";
txtMessage.Text = "";
// 显示提交成功信息
lblResult.Text = "留言提交成功!";
}
private void BindMessages()
{
// 将留言列表绑定到 GridView 控件中
gvMessages.DataSource = messages;
gvMessages.DataBind();
}
}
```
4. 在页面中添加一个 GridView 控件,用于显示留言列表,代码如下:
```csharp
<asp:GridView ID="gvMessages" runat="server" AutoGenerateColumns="false"
CssClass="table table-bordered table-hover">
<Columns>
<asp:BoundField DataField="Name" HeaderText="姓名" />
<asp:BoundField DataField="Content" HeaderText="留言内容" />
<asp:BoundField DataField="Time" HeaderText="留言时间" DataFormatString="{0:yyyy/MM/dd HH:mm:ss}" />
</Columns>
</asp:GridView>
```
5. 运行应用程序,在浏览器中打开留言板页面,输入姓名和留言内容,点击提交按钮即可提交留言。提交成功后,留言列表中会显示新的留言信息。
阅读全文