c# - 如何在div中显示数据库值

Question

我正在尝试从数据库获取值并将其显示在 div 中。 在这里，我从 mysql 数据库获取值，并且 .aspx 页面中有 HTML。我有 20 条记录，我想在不同的 div 中打印数据。 我怎样才能使用 for 循环来做到这一点。

HTML:

<div class="col-xs-12 col-sm-5 col-md-5 col-lg-3">
    <div class="panel panel-warning">
        <div class="panel-heading">Animal Name here</div>
        <div class="panel-body">Animal image</div>     
    </div>
</div>

C#:

protected void Page_Load(object sender, EventArgs e)
{
     try
     {
          string scon = "SERVER=localhost;DATABASE=animal_adoption_site;UID=root;";
          MySqlConnection con = new MySqlConnection(scon);
          String s = "select animal_pet_name,animal_donation_plan,animal_image_uploaded from animal_details";
          MySqlDataAdapter dat = new MySqlDataAdapter(s, con);
     }

     catch (Exception ex)
     {
          string s = ex.ToString();
          Response.Write(s);
     }
}

Answer 1

你可以做类似的事情

想象一下在服务器中您有以下内容

public List<string> MyItems { get; set; }
    protected void Page_Load(object sender, EventArgs e)
    {
        MyItems = new List<string>();
        MyItems.Add("Item 1");
        MyItems.Add("Item 2");
        MyItems.Add("Item 3");
        MyItems.Add("Item 4");
    }

在客户端中，您可以对项目执行 for 循环

<% foreach (string myItem in MyItems)
{ %>

   <div class="col-xs-12 col-sm-5 col-md-5 col-lg-3">
      <div class="panel panel-warning">
        <div class="panel-heading"><%: myItem %></div>
        <div class="panel-body">Animal image</div>     
      </div>
   </div>

<%} %>