使用GridView控件操作数据库实例

"GridView与SqlDataSource的使用教程" 在ASP.NET开发中，GridView是一个非常常用的控件，用于显示和操作数据库中的数据。本实例详细介绍了如何利用GridView与SqlDataSource结合，实现数据的显示、编辑、删除和更新功能，并提供了一种鼠标悬停时高亮显示行的样式设置方法。 首先，我们需要创建一个新的数据库并在其中建立一个表。在本例中，假设我们已经创建了一个名为`Test`的数据库，并且有一个名为`tb_Member`的表，包含一些基础字段，如`id`（主键）、`name`等。接下来，我们将这些数据绑定到GridView控件中。 1. **连接数据库** 使用`SqlConnection`类来建立与SQL Server的连接。在代码中，我们定义了一个字符串变量`strCon`，包含了数据库连接信息，包括服务器名称、数据库名、用户名和密码。例如： ```csharp string strCon = "Server=admin\\sqlexpress;Database=Test;Uid=sa;Pwd=sa"; ``` 这里的`admin\\sqlexpress`是服务器名称，`Test`是数据库名，`sa`是用户名，`sa`是对应的密码。 2. **数据绑定** 在`Page_Load`事件处理程序中，我们检查是否为PostBack，如果不是，则调用`bind()`方法将数据绑定到GridView。`bind()`方法通常会使用SqlDataSource来获取数据并设置GridView的DataSource，然后调用`GridView1.DataSourceID = SqlDataSource1.ID;`和`GridView1.DataBind();`来绑定数据。 3. **命令模板列** GridView的命令模板列允许我们添加编辑、删除等操作按钮。在设计视图中，可以通过选择“添加列”>“命令列”来添加这些功能。在代码中，我们为编辑、删除操作编写了事件处理程序： - `GridView1_RowEditing`事件处理程序用于进入编辑模式。它会设置`GridView1.EditIndex`为要编辑的行索引，然后重新绑定数据以显示编辑界面。 - `GridView1_RowDeleting`事件处理程序用于删除数据。首先，根据行索引获取要删除的记录ID，构造SQL删除语句，执行删除操作，然后关闭连接并重新绑定数据。 - `GridView1_RowUpdating`事件处理程序用于更新数据。它获取当前行的编辑后的值，构造更新语句，执行更新操作，关闭连接并重新绑定数据。 4. **行高亮显示** 要实现在鼠标悬停时高亮显示行的效果，可以在GridView的CSS样式中添加以下规则： ```css .GridViewRow:hover { background-color: #F7DFD5; /* 高亮颜色 */ } ``` 然后在GridView的`.RowStyle`属性中引用这个类： ```csharp GridView1.RowStyle.CssClass = "GridViewRow"; ``` 通过以上步骤，我们就完成了GridView与SqlDataSource的集成，实现了数据的显示、编辑、删除和更新功能，同时也设置了鼠标悬停时行的高亮效果。在实际开发中，可能还需要处理异常，优化性能，以及进行其他自定义设置，例如添加验证控件以确保数据的正确性，或者根据业务需求调整 GridView 的样式和行为。