c# - 将数据库表中的数据绑定(bind)到 Bootstrap 卡

Question

我正在开展一个学生项目(在线购物)。我的项目详细信息、隐藏代码以及所有内容都在此代码行中提到。

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="OnlineShopping.SiteMaster" %>

我有一个想法，我想将产品详细信息(例如下面的代码示例)显示到 Bootstrap 卡中。

protected void btnSave_Click(object sender, EventArgs e)
    {
        string connectionString = "Data Source=.\\SQLEXPRESS;Initial Catalog=onlineShopping;Integrated Security=True";
        SqlConnection connection = new SqlConnection(connectionString);
        try
        {
            Byte[] imgByte = (Byte[])ViewState["TheImage"];
            string base64String = Convert.ToBase64String(imgByte, 0, imgByte.Length);
            ProImage.ImageUrl = "data:image/png;base64," + base64String;
            string sqlStatement;
            SqlCommand manageCommand;
            sqlStatement = "insert into ProductTable values (@ProName, @ProPrice, @ProDescription, @ProPic)";
            sqlStatement += "  SELECT CAST(scope_identity() AS int);";
            manageCommand = new SqlCommand(sqlStatement, connection);
            //manageCommand.Parameters.AddWithValue("@ProId", Convert.ToInt32(txtProId.Text.Trim()));
            manageCommand.Parameters.AddWithValue("@ProName", txtProName.Text.Trim());
            manageCommand.Parameters.AddWithValue("@ProPrice", txtProPrice.Text.Trim());
            manageCommand.Parameters.AddWithValue("@ProDescription", txtProDescription.Text.Trim());
            manageCommand.Parameters.AddWithValue("@ProPic", imgByte);

            connection.Open();
            int count = manageCommand.ExecuteNonQuery();

每个产品都应该出现在新卡中，就像我要添加多少产品一样，所有产品都应该出现在我的仪表板的 Bootstrap 卡中，并且卡本身应该包含超链接，因为当用户单击卡时，它应该重定向到某个页面。希望您能理解我的意见，请回答并提前致谢

Answer 1

您需要使用Repeater控件进行数据绑定(bind)。

请查看MSDN documentation和使用示例 here和 here .

当然，您需要在 Repeater 控件内使用 Bootstrap 布局。