ASP.NET购物车实现过程详解

1、 将test数据库附加到数据库管理系统中;数据库中的book_info包含下列数据:

ASP.NET购物车实现过程详解

2、 新建一个网站,将images文件夹复制到网站中;

3、 在Default.aspx中,通过DataList控件展示数据库中的所有数据,以行为主序,每行3列,单击购买按钮时,将商品的ID和数量保存到HashTable中,并将HashTable放置到Session中。

ASP.NET购物车实现过程详解

protected void DataList1_ItemCommand(object source, DataListCommandEventArgs e) { string id = e.CommandArgument.ToString(); Hashtable ht; if (Session["shopcar"] == null) { ht = new Hashtable(); ht.Add(id, 1); Session["shopcar"] = ht; } else { ht = (Hashtable)Session["shopcar"]; if (ht.Contains(id)) { int count = int.Parse(ht[id].ToString()); ht[id] = count + 1; Session["shopcar"] = ht; Response.Write(count + 1); } else { ht.Add(id, 1); Session["shopcar"] = ht; } } }

4、 在Default.aspx中添加一个超链接,链接到shopcart.aspx,在shopcart.aspx中显示用户购买的商品信息。
提示:

A、在shopcart中先定义下列变量:

Hashtable ht; DataTable dt; string connstring=@"DataSource=.\SQLEXPRESS;Initial Catalog=test;Integrated Security=True"; SqlConnection conn; SqlCommand cmd; SqlDataReader sdr;

B、页面中添加一个GridView。
C、在page_load中,将dt实例化,建立各列。

protected void Page_Load(object sender, EventArgs e) { dt = new DataTable(); DataColumn col = new DataColumn(); col.ColumnName= "id"; col.DataType =System.Type.GetType("System.String"); dt.Columns.Add(col); col = new DataColumn(); col.ColumnName= "name"; col.DataType =System.Type.GetType("System.String"); dt.Columns.Add(col); col = new DataColumn(); col.ColumnName= "Num"; col.DataType =System.Type.GetType("System.Int32"); dt.Columns.Add(col); col = new DataColumn(); col.ColumnName= "price"; col.DataType =System.Type.GetType("System.Single"); dt.Columns.Add(col); col = new DataColumn(); col.ColumnName= "Total"; col.DataType =System.Type.GetType("System.Single"); dt.Columns.Add(col); if (!IsPostBack) { Bind(); } } public void Bind() { if (Session["shopcar"] == null) { Response.Write("<script>if(confirm('你没有登录')window.location='Default15.aspx';else window.close();</script>"); } else { ht = (Hashtable)Session["shopcar"]; foreach (object item in ht.Keys) { string id = item.ToString(); int num = int.Parse(ht[item].ToString()); string sql = "selectbook_name,price from book_info where book_id='" + id + "'"; conn = new SqlConnection(connstring); cmd = new SqlCommand(sql, conn); conn.Open(); sdr =cmd.ExecuteReader(); if (sdr.HasRows) { sdr.Read(); DataRow row = dt.NewRow(); row["id"] = id; row["Num"] = num; row["name"] = sdr.GetString(0); row["price"] =float.Parse(sdr[1].ToString()); row["total"] =num*(float.Parse(sdr[1].ToString())); dt.Rows.Add(row); } sdr.Close(); conn.Close(); } GridView1.DataSource = dt.DefaultView; GridView1.DataBind(); } }

D、这时可以看到用户购买的商品,但不能修改数量,也不能删除。
E、添加修改数量,删除商品功能,在aspx页面中定义GridView中的各列:

<asp:GridView runat="server" AutoGenerateColumns="False"> <Columns> <asp:BoundField DataField="id" HeaderText="ID" /> <asp:BoundField DataField="name" HeaderText="名称" /> <asp:BoundField DataField="price" HeaderText="价格" /> <asp:TemplateField> <ItemTemplate> <asp:TextBox runat="server" Text='<%# Eval("Num") %>' ontextchanged="textbox1_TextChanged" AutoPostBack="True" ></asp:TextBox> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="total" HeaderText="总计" /> <asp:TemplateField> <ItemTemplate> <asp:Button runat="server" CommandArgument='<%# Eval("id") %>' Text="删除" /> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView>

F、为GridView中的文本框添加TextChanged事件:

protected void textbox1_TextChanged(object sender, EventArgs e) { Hashtable ht =(Hashtable)Session["shopcar"]; if (ht == null) return; for (int i = 0; i < GridView1.Rows.Count;i++) { string id =GridView1.Rows[i].Cells[0].Text.ToString(); Response.Write(id); string num = ((TextBox)GridView1.Rows[i].FindControl("textbox1")).Text; Response.Write(" "+num+"<br />"); ht[id] = num; } Session["shopcar"] = ht; Bind(); }

G、为按钮添加单击事件:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wjwxwp.html