c# html写一个简单的评论页面，可以实现评论的发表显示和删除，给出完整代码并进行详细解释
时间: 2024-03-03 17:53:05 浏览: 21
以下是一个简单的C# HTML评论页面的完整代码，并附有详细解释：
```csharp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace CommentPage
{
public partial class Comment : System.Web.UI.Page
{
// 创建一个Dictionary对象，用于存储评论
Dictionary<int, string> comments = new Dictionary<int, string>();
protected void Page_Load(object sender, EventArgs e)
{
// 在页面加载时，检查是否有保存的评论
if (Session["Comments"] != null)
{
comments = (Dictionary<int, string>)Session["Comments"];
}
else
{
// 如果没有保存的评论，则创建一个新的Dictionary对象
comments = new Dictionary<int, string>();
}
// 显示所有评论
ShowComments();
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
// 获取用户输入的评论内容
string comment = txtComment.Text.Trim();
// 如果评论内容不为空，则将其添加到Dictionary对象中
if (!string.IsNullOrEmpty(comment))
{
// 获取当前评论的ID
int commentId = comments.Count + 1;
// 添加评论到Dictionary对象中
comments.Add(commentId, comment);
// 保存评论到Session中
Session["Comments"] = comments;
// 显示所有评论
ShowComments();
// 清空评论输入框
txtComment.Text = "";
}
}
protected void btnDelete_Click(object sender, EventArgs e)
{
// 获取用户输入的评论ID
int commentId = int.Parse(txtCommentId.Text.Trim());
// 如果评论ID存在于Dictionary对象中，则将其删除
if (comments.ContainsKey(commentId))
{
comments.Remove(commentId);
// 保存评论到Session中
Session["Comments"] = comments;
// 显示所有评论
ShowComments();
// 清空评论ID输入框
txtCommentId.Text = "";
}
else
{
// 如果评论ID不存在于Dictionary对象中，则提示用户
lblMessage.Text = "该评论ID不存在，请重新输入。";
}
}
private void ShowComments()
{
// 清空评论显示区域
lblComments.Text = "";
// 如果Dictionary对象中有评论，则将其显示出来
if (comments.Count > 0)
{
foreach (KeyValuePair<int, string> comment in comments)
{
lblComments.Text += "<div class='comment'>";
lblComments.Text += "<span class='comment-id'>" + comment.Key + "</span>";
lblComments.Text += "<span class='comment-text'>" + comment.Value + "</span>";
lblComments.Text += "</div>";
}
}
else
{
// 如果Dictionary对象中没有评论，则提示用户
lblComments.Text = "暂无评论。";
}
}
}
}
```
在这个页面中，我们创建了一个`Comment`类，继承自`System.Web.UI.Page`类。在页面加载时，我们检查是否有保存的评论，并显示所有评论。当用户点击“提交”按钮时，我们获取用户输入的评论内容，并将其添加到`Dictionary`对象中。当用户点击“删除”按钮时，我们获取用户输入的评论ID，并从`Dictionary`对象中删除该评论。最后，我们使用`ShowComments`方法来显示所有评论。
在HTML部分，我们创建了一个评论输入框，一个“提交”按钮和一个“删除”按钮。我们还创建了一个评论显示区域，用于显示所有评论。当用户输入评论ID并点击“删除”按钮时，我们还创建了一个评论ID输入框和一个消息标签，用于向用户显示错误消息。
```html
<!DOCTYPE html>
<html>
<head>
<title>评论页面</title>
<style>
.comment {
margin-bottom: 10px;
padding: 10px;
border: 1px solid #ccc;
background-color: #f5f5f5;
}
.comment-id {
display: inline-block;
font-weight: bold;
margin-right: 10px;
}
.comment-text {
display: inline-block;
}
</style>
</head>
<body>
<h1>评论页面</h1>
<h2>发表评论</h2>
<div>
<textarea id="txtComment" name="txtComment" rows="5" cols="50"></textarea>
</div>
<div>
<button id="btnSubmit" name="btnSubmit" onclick="javascript:__doPostBack('btnSubmit','')">提交</button>
</div>
<h2>删除评论</h2>
<div>
<label for="txtCommentId">评论ID：</label>
<input type="text" id="txtCommentId" name="txtCommentId" />
</div>
<div>
<button id="btnDelete" name="btnDelete" onclick="javascript:__doPostBack('btnDelete','')">删除</button>
</div>
<div>
<span id="lblMessage" name="lblMessage"></span>
</div>
<h2>评论列表</h2>
<div id="lblComments" name="lblComments"></div>
</body>
</html>
```
在CSS部分，我们为评论和评论ID创建了样式。我们使用`margin-bottom`和`padding`属性来添加间距和内边距。我们使用`border`属性来添加边框，并使用`background-color`属性来设置背景颜色。我们使用`display`属性来将评论ID和评论文本显示在同一行，并使用`font-weight`属性来加粗评论ID。
这是一个非常基本的评论页面，只包含了最基本的功能。您可以根据需要对其进行扩展，例如添加用户验证、显示评论时间戳等等。
相关推荐
最新推荐
基于C#实现一个最简单的HTTP服务器实例
主要介绍了基于C#实现一个最简单的HTTP服务器的方法,详细分析了http服务器的实现原理与相关技巧,以及对应的注意事项,需要的朋友可以参考下
c# 实现轮询算法实例代码
主要介绍了c# 实现轮询算法实例代码的相关资料,这里附有实例代码，具有一定的参考价值，需要的朋友可以参考下
C# 实现dataGridView选中一行右键出现菜单的示例代码
主要介绍了C# 实现dataGridView选中一行右键出现菜单,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
C#实现输入10个数存入到数组中并求max和min及平均数的方法示例
主要介绍了C#实现输入10个数存入到数组中并求max和min及平均数的方法,涉及C#简单数据转换与数值运算相关操作技巧,需要的朋友可以参考下
C#实现获取文本文件的编码的一个类（区分GB2312和UTF8）
主要介绍了C#实现获取文本文件的编码一个类,本文给出类可以自动区分GB2312和UTF8,并同时给出了使用方法,需要的朋友可以参考下
zigbee-cluster-library-specification
最新的zigbee-cluster-library-specification说明文档。
管理建模和仿真的文件
管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
【实战演练】MATLAB用遗传算法改进粒子群GA-PSO算法
# 2.1 遗传算法的原理和实现
遗传算法（GA）是一种受生物进化过程启发的优化算法。它通过模拟自然选择和遗传机制来搜索最优解。
**2.1.1 遗传算法的编码和解码**
编码是将问题空间中的解表示为二进制字符串或其他数据结构的过程。解码是将编码的解转换为问题空间中的实际解的过程。常见的编码方法包括二进制编码、实数编码和树形编码。
**2.1.2 遗传算法的交叉和
openstack的20种接口有哪些
以下是OpenStack的20种API接口：
1. Identity (Keystone) API
2. Compute (Nova) API
3. Networking (Neutron) API
4. Block Storage (Cinder) API
5. Object Storage (Swift) API
6. Image (Glance) API
7. Telemetry (Ceilometer) API
8. Orchestration (Heat) API
9. Database (Trove) API
10. Bare Metal (Ironic) API
11. DNS
JSBSim Reference Manual
JSBSim参考手册，其中包含JSBSim简介，JSBSim配置文件xml的编写语法，编程手册以及一些应用实例等。其中有部分内容还没有写完，估计有生之年很难看到完整版了，但是内容还是很有参考价值的。