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即可。