ASP.NET購物車實(shí)現(xiàn)過程詳解
本文實(shí)例為大家分享了ASP.NET實(shí)現(xiàn)購物車的具體代碼,供大家參考,具體內(nèi)容如下
1、 將test數(shù)據(jù)庫附加到數(shù)據(jù)庫管理系統(tǒng)中;數(shù)據(jù)庫中的book_info包含下列數(shù)據(jù):

2、 新建一個(gè)網(wǎng)站,將images文件夾復(fù)制到網(wǎng)站中;
3、 在Default.aspx中,通過DataList控件展示數(shù)據(jù)庫中的所有數(shù)據(jù),以行為主序,每行3列,單擊購買按鈕時(shí),將商品的ID和數(shù)量保存到HashTable中,并將HashTable放置到Session中。

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中添加一個(gè)超鏈接,鏈接到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、頁面中添加一個(gè)GridView。
C、在page_load中,將dt實(shí)例化,建立各列。
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、這時(shí)可以看到用戶購買的商品,但不能修改數(shù)量,也不能刪除。
E、添加修改數(shù)量,刪除商品功能,在aspx頁面中定義GridView中的各列:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:BoundField DataField="id" HeaderText="ID" />
<asp:BoundField DataField="name" HeaderText="名稱" />
<asp:BoundField DataField="price" HeaderText="價(jià)格" />
<asp:TemplateField>
<ItemTemplate>
<asp:TextBox runat="server" ID="textbox1" Text='<%# Eval("Num") %>'
ontextchanged="textbox1_TextChanged" AutoPostBack="True" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="total" HeaderText="總計(jì)" />
<asp:TemplateField>
<ItemTemplate>
<asp:Button runat="server" ID="button1" CommandArgument='<%# Eval("id") %>'
Text="刪除" onclick="button1_Click" />
</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、為按鈕添加單擊事件:
protected void button1_Click(object sender, EventArgs e)
{
string id = ((Button)sender).CommandArgument;
Hashtable ht = (Hashtable)Session["shopcar"];
if (ht == null) return;
ht.Remove(id);
Bind();
}
購物車代碼:showcart.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Collections;
using System.Data;
using System.Data.SqlClient;
public partial class shopcart : System.Web.UI.Page
{
Hashtable ht;
DataTable dt;
string connstr = "Data Source=.\\SQLEXPRESS;AttachDbFilename=F:
\\test.mdf;Integrated Security=True;Connect Timeout=30;User Instance=True";
SqlConnection conn;
SqlCommand cmd;
SqlDataReader sdr;
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='Default.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 = "select book_name,price from book_info where book_id='" + id + "'";
conn = new SqlConnection(connstr);
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();
}
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();
}
protected void button1_Click(object sender, EventArgs e)
{
string id = ((Button)sender).CommandArgument;
Hashtable ht = (Hashtable)Session["shopcar"];
if (ht == null) return;
ht.Remove(id);
Bind();
}
}
制作一個(gè)簡單的購物車就是這么簡單,大家可以按照我的思路進(jìn)行創(chuàng)作,在此基礎(chǔ)上在添加一些功能。
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
HttpRequest Get和Post調(diào)用其他頁面的方法
HttpRequest Get和Post調(diào)用其他頁面的方法,需要的朋友可以參考一下2013-03-03
asp.net使用DataTable構(gòu)造Json字符串的方法
這篇文章主要介紹了asp.net使用DataTable構(gòu)造Json字符串的方法,涉及asp.net字符串序列化、遍歷及構(gòu)造等操作技巧,需要的朋友可以參考下2015-12-12
Repeater控件分別綁定數(shù)組和ArrayList實(shí)現(xiàn)思路
在后臺(tái)用DataSource綁上數(shù)據(jù)源(數(shù)組或ArrayList)在調(diào)用DataBind()方法,在前臺(tái)調(diào)用%# GetDataItem()%,感興趣的朋友可以了解下啊,望本文可以鞏固你的數(shù)據(jù)綁定知識(shí)2013-01-01
.NET Core對(duì)象池的應(yīng)用:編程篇
對(duì)象池就是對(duì)象的容器,旨在優(yōu)化資源的使用,通過在一個(gè)容器中池化對(duì)象,并根據(jù)需要重復(fù)使用這些池化對(duì)象來滿足性能上的需求。這篇文章主要介紹了.NET Core對(duì)象池的應(yīng)用,感興趣的小伙伴可以參考一下2021-09-09
.NET?Core部署為Windows服務(wù)的詳細(xì)步驟
這篇文章主要介紹了.NET?Core部署為Windows服務(wù),想要將.NET?Core部署為window服務(wù),項(xiàng)目中需要進(jìn)行以下配置:項(xiàng)目中引入Microsoft.Extensions.Hosting.WindowsServices包,本文給大家詳細(xì)講解,需要的朋友可以參考下2022-10-10
ASP.NET Session的七點(diǎn)認(rèn)識(shí)小結(jié)
ASP.NET Session的使用當(dāng)中我們會(huì)遇到很多的問題,那么這里我們來談下經(jīng)常出現(xiàn)的一些常用ASP.NET Session的理解2011-07-07
asp.net中IDataParameter調(diào)用存儲(chǔ)過程的實(shí)現(xiàn)方法
這篇文章主要介紹了asp.net中IDataParameter調(diào)用存儲(chǔ)過程的實(shí)現(xiàn)方法,在asp.net數(shù)據(jù)庫程序設(shè)計(jì)中非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-09-09

