ASP.NET Datalist制作显示效果和img的数据库存储

1.

具体实现效果如下图：

2.首先使用datalist控件编辑模板，在属性面板选择RepeatColumns="3" RepeatDirection="Horizontal"，然后使用html中的table属性建立好要编辑的模板样式（img控件+label）

3.在使用Eval语句，进行绑定数据操作。（img图片记得也是在此绑定，不是在属性中imgurl绑定）例如：此时的imgurl可在databing中写入（(Eval("image"))）

4.在查看代码的后台编写数据库连接和绑定操作，具体代码如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
public partial class xianshi : System.Web.UI.Page
{
    private DataTable dt;
    private void Bind()
    {
        String constr="Data Source=localhost;Initial Catalog=test;Integrated Security=True";
        SqlConnection con = new SqlConnection(constr);
        con.Open();
        SqlDataAdapter sdr = new SqlDataAdapter("select * from student", con);
        dt = new DataTable();
        sdr.Fill(dt);
        DataList1.DataSource = dt;
        DataList1.DataBind();
    }
    protected void Page_Load(object sender, EventArgs e)
    {
        Bind();
    }
}

注：在页面中要使用到img图片，如何在数据库中将其导入？有其中一种参考方法如下：

1.新增列名为img，属性值为var char(max)，

2.在img中填写好我们要使用的图片的地址如：我这边的图片都放在项目images下，可以填写相对路径~/images/**.jpg即可。