ASP.NET 实现数据动态显示的完整指南

ASP.NET是微软开发的一种基于.NET Framework的Web应用程序框架，它提供了丰富的功能和工具来帮助开发人员快速构建Web应用程序。其中，数据显示是Web应用程序中非常常见的需求之一。在本文中，我们将详细介绍如何使用ASP.NET获取数据并动态显示在页面的div元素中。

1. 准备数据源

在开始编码之前，我们需要先准备好数据源。这里我们以SQL Server数据库为例，创建一个简单的"Products"表，包含以下字段：

• ProductID: 产品ID
• ProductName: 产品名称
• Price: 产品价格

2. 连接数据库

在ASP.NET中，我们可以使用SqlConnection类来连接数据库。首先需要在Web.config文件中配置数据库连接字符串：

<connectionStrings>
  <add name="ProductsDB" connectionString="Data Source=localhost;Initial Catalog=MyDatabase;User ID=myUsername;Password=myPassword"/>
</connectionStrings>

然后在代码中使用该连接字符串创建SqlConnection对象：

string connString = ConfigurationManager.ConnectionStrings["ProductsDB"].ConnectionString;
SqlConnection conn = new SqlConnection(connString);

3. 查询数据并显示在div中

接下来，我们使用SqlCommand类执行SQL查询语句，并将结果绑定到页面上的div元素中。

string sql = "SELECT ProductID, ProductName, Price FROM Products";
SqlCommand cmd = new SqlCommand(sql, conn);
conn.Open();
SqlDataReader reader = cmd.ExecuteReader();

<div id="productList">
</div>

while (reader.Read())
{
    int productId = reader.GetInt32(0);
    string productName = reader.GetString(1);
    decimal price = reader.GetDecimal(2);

    <p>
        <strong>Product ID:</strong> {productId} <br>
        <strong>Product Name:</strong> {productName} <br>
        <strong>Price:</strong> {price:C}
    </p>
}

conn.Close();

4. 优化代码

为了使代码更加优雅和可维护，我们可以将数据库连接和查询操作封装到单独的方法中：

public static List<Product> GetProducts()
{
    List<Product> products = new List<Product>();
    string connString = ConfigurationManager.ConnectionStrings["ProductsDB"].ConnectionString;

    using (SqlConnection conn = new SqlConnection(connString))
    {
        string sql = "SELECT ProductID, ProductName, Price FROM Products";
        SqlCommand cmd = new SqlCommand(sql, conn);
        conn.Open();
        SqlDataReader reader = cm