asp.net DataList实现显示商品信息和图片

您所在的位置：网站首页 › 显示商品名称 › asp.net DataList实现显示商品信息和图片

asp.net DataList实现显示商品信息和图片

2024-07-07 12:46| 来源: 网络整理| 查看: 265

DataList 可以用来展示数据

实现效果如下，显示商品照片和商品名称思路：前台弄8个datalist控件，后台获取最新的8条数据存入数据表中，将每行数据的id获取出来、获取对应的行、再将对应的行绑定在Datalist控件上。在这里插入图片描述在设计窗口选择编辑模板—选择itemTemplat—结束模板编辑在itemTemplat插入表格

用于数据绑定控件，就是必须在对应控件或父控件调用DataBind方法时，这个指令才会被执行这里绑定了商品名称good_name

利用a标签使点击图片时跳转到商品详细页面的功能等效于使用 Response.Write 语句，这里页面跳转的时候传递参数id

利用Image 控件进行图片绑定，为ImageUrl=’设置图片路径，这里是读取了数据库的图片路径good_path 这是一种简化的表达如果图片文件夹放在其他地方，“face”是你的图片文件夹名 ImageUrl=’’

同样的方式弄八个datalist控件

最新推荐 . . . . . . . .

public String goodid = “”; 我们将变量设置为public ，前面使用的时候才够权限 DataSet ds = op.SelectGoodInfo(); 获取你自己的数据表 goodid 获取id的值赋给这个变量，前台就可以传递这个变量给跳转的页面 SelectLeaguerInfo：查询goodid对应的那一行数据 DataList1.DataSource = op.SelectLeaguerInfo(goodid); DataList1.DataBind(); 对Datalist控件进行绑定

using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page { Operation op = new Operation(); public String goodid = ""; public String goodid2 = ""; public String goodid3 = ""; public String goodid4 = ""; public String goodid5 = ""; public String goodid6 = ""; public String goodid7 = ""; public String goodid8 = ""; protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { DataSet ds = op.SelectGoodInfo(); goodid = ds.Tables["good_info2"].Rows[0]["good_id"].ToString(); DataList1.DataSource = op.SelectLeaguerInfo(goodid); DataList1.DataBind(); goodid2 = ds.Tables["good_info2"].Rows[1]["good_id"].ToString(); DataList2.DataSource = op.SelectLeaguerInfo(goodid2); DataList2.DataBind(); goodid3 = ds.Tables["good_info2"].Rows[2]["good_id"].ToString(); DataList3.DataSource = op.SelectLeaguerInfo(goodid3); DataList3.DataBind(); goodid4 = ds.Tables["good_info2"].Rows[3]["good_id"].ToString(); DataList4.DataSource = op.SelectLeaguerInfo(goodid4); DataList4.DataBind(); goodid5 = ds.Tables["good_info2"].Rows[4]["good_id"].ToString(); DataList5.DataSource = op.SelectLeaguerInfo(goodid5); DataList5.DataBind(); goodid6 = ds.Tables["good_info2"].Rows[5]["good_id"].ToString(); DataList6.DataSource = op.SelectLeaguerInfo(goodid6); DataList6.DataBind(); goodid7 = ds.Tables["good_info2"].Rows[6]["good_id"].ToString(); DataList7.DataSource = op.SelectLeaguerInfo(goodid7); DataList7.DataBind(); goodid8 = ds.Tables["good_info2"].Rows[7]["good_id"].ToString(); DataList8.DataSource = op.SelectLeaguerInfo(goodid8); DataList8.DataBind(); } } }

补充：我们点击图片跳转页面，并传递id参数到商品详细页面在这里插入图片描述

商品名称：商品价格：商品描述：访问量： using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class GoodsDetials : System.Web.UI.Page { Operation operation = new Operation(); string gid = ""; protected void Page_Load(object sender, EventArgs e) { gid = Request.Params["id"]; //接收前一个页面传递过来的id if ((gid = Request.QueryString["id"]) != null) { //根据id查询的数据存储到DataSet里面 DataSet ds = operation.SelectLeaguerInfo(gid); //ds里面有一行九列 txtImage.ImageUrl = ds.Tables["good_info"].Rows[0]["good_path"].ToString(); txtName.InnerText = ds.Tables["good_info"].Rows[0]["good_name"].ToString(); txtPrice.InnerText = ds.Tables["good_info"].Rows[0]["good_price"].ToString(); txtDetails.InnerText = ds.Tables["good_info"].Rows[0]["good_details"].ToString(); txtvisitor.InnerText = ds.Tables["good_info"].Rows[0]["good_visitor"].ToString(); } } }

关于Dataset的使用，可以参考https://blog.csdn.net/weixin_45626404/article/details/118253588

【本文地址】

asp.net DataList实现显示商品信息和图片

asp.net DataList实现显示商品信息和图片

今日新闻

推荐新闻