如何在div中显示数据库值

时间:2015-12-26 15:39:49

标签: c# mysql asp.net

我正在尝试从数据库中获取值并将其显示在div中。 这里我从mysql数据库获取值,我在.aspx页面中有HTML。我有20条记录,我想在不同的divs打印数据。 我怎样才能使用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);
     }
}

1 个答案:

答案 0 :(得分:0)

您可以执行类似

的操作

想象一下,在服务器中你有以下

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>

<%} %>