購物車的實現及結算處理
本示例利用Session物件來實現一個簡單的購物車。主要用於教學演示。
Book類
此類主是代表購物車的一本書
using System;
namespace CartTest
{
///
/// Books 的摘要說明。
///
public class Book
{
string bookid;
string title;
decimal price;
int num;
public Book()
{
}
///
/// ID
///
public string BookID
{
get{return bookid;}
set{bookid=value;}
}
///
/// 書名
///
public string Title
{
get{return title;}
set{title=value;}
}
///
/// 金額
///
public decimal Price
{
get{return price;}
set{price=value;
sum=price*num;
}
}
///
/// 數量
///
public int Num
{
get{return num;}
set{num=value;
sum=price*num;
}
}
decimal sum=0m;
//一種書的總金額
public decimal Sum
{
get{return sum;}
set{sum=value;}
}
}
}
//購物車集合
//Books 使用者所有訂購的書 ,實現IEnumerable介面，我們可以將其繫結到datagrid控制元件
using System;
using System.Collections;
namespace CartTest
{
///
///
///
public class Books :IEnumerable
{
Hashtable ht=null;
public Books()
{
ht=new Hashtable();
}
public Books(int count)
{
ht=new Hashtable(count);
}
public void Add(Book b)
{
//如果集合中有相同ID的書，則對書的數量進行相加
if(ht.ContainsKey(b.BookID))
{
((Book)ht[b.BookID]).Num=((Book)ht[b.BookID]).Num+b.Num;
}
else
{
ht.Add(b.BookID,b);
}
}
public void Remove(string bookid)
{
if(ht.ContainsKey(bookid))
ht.Remove(bookid);
}
//統計有多少種書
public int Count
{
get
{
return ht.Count;
}
}
public void Clear()
{
ht.Clear();
}
public Book this[string bookid]
{
get
{
if(ht.ContainsKey(bookid))
return (Book)ht[bookid];
return null;
}
}
#region IEnumerable 成員
public IEnumerator GetEnumerator()
{
// TODO: 新增 Books.GetEnumerator 實現
return ht.Values.GetEnumerator();
}
#endregion
}
}
//此頁面主要是用於顯示所有的書。用的是DataList來自定義顯示模板。但是實際上可以使用DataGrid來處理。DataGrid也可以實現分頁功能及自定義模板。只要將dDatagrid設為一個模板列，然後將DataList裡的模板列程式碼Copy過去即可。
//此頁面中每本書都要顯示封面。這個問題我們可以透過一個過渡頁來處理圖片資料
//CS CODE
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace CartTest
{
///
/// BookList 的摘要說明。
///
public class BookList : System.Web.UI.Page
{
protected System.Web.UI.WebControls.DataList DataList1;
private void Page_Load(object sender, System.EventArgs e)
{
if(!this.IsPostBack)
{
SqlConnection cn=new SqlConnection();
cn.ConnectionString="server=.;uid=sa;pwd=;database=p1";
cn.Open();
SqlCommand cmd=new SqlCommand();
cmd.Connection=cn;
cmd.CommandText="select * from books ";
SqlDataAdapter da=new SqlDataAdapter();
da.SelectCommand=cmd;
DataSet ds=new DataSet();
da.Fill(ds);
cn.Close();
this.DataList1.DataSource=ds.Tables[0];
this.DataBind();
}
}
#region Web 窗體設計器生成的程式碼
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 該呼叫是 ASP.NET Web 窗體設計器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
///
/// 設計器支援所需的方法 - 不要使用程式碼編輯器修改
/// 此方法的內容。
///
private void InitializeComponent()
{
this.DataList1.ItemCommand += new System.Web.UI.WebControls.DataListCommandEventHandler(this.DataList1_ItemCommand);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void DataList1_ItemCommand(object source, System.Web.UI.WebControls.DataListCommandEventArgs e)
{
//使用者選中一本書後，預設訂一本書
string bookGuid=this.DataList1.DataKeys[e.Item.ItemIndex].ToString();
Book b=new Book();
//首先獲得自己的購物車
Books bs=(Books)Session["MyCart"];
b.BookID=bookGuid;
b.Num=1;
//根據ITEM的型別取值
if(e.Item.ItemType==ListItemType.Item)
{
b.Price=Convert.ToDecimal(((Label)e.Item.FindControl("Label3")).Text.Substring(1));
b.Title=((Label)e.Item.FindControl("Label1")).Text;
}
else if(e.Item.ItemType==ListItemType.AlternatingItem)
{
b.Price=Convert.ToDecimal(((Label)e.Item.FindControl("Label8")).Text.Substring(1));
b.Title=((Label)e.Item.FindControl("Label6")).Text;
}
//將書加入到購物車
bs.Add(b);
Session["MyCart"]=bs;
//開啟購物車頁面。
Response.Write("
}
}
}
//圖片處理頁
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace CartTest
{
///
/// ImageView 的摘要說明。
///
public class ImageView : System.Web.UI.Page
{
private void Page_Load(object sender, System.EventArgs e)
{
SqlConnection cn=new SqlConnection();
cn.ConnectionString="server=.;uid=sa;pwd=;database=p1";
cn.Open();
SqlCommand cmd=new SqlCommand();
cmd.Connection=cn;
cmd.CommandText="select cover from books where bookguid='"+ this.Request.QueryString["imgid"].ToString() +"'";
//cmd.CommandText="select cover from books where bookguid='350bc228-a12d-4c15-b8e0-1e625e40403e'";
SqlDataAdapter da=new SqlDataAdapter();
da.SelectCommand=cmd;
DataSet ds=new DataSet();
da.Fill(ds);
cn.Close();
Response.Clear();
Response.ClearContent();
Response.ContentType="Image/jpg";
Response.BinaryWrite((byte[])ds.Tables[0].Rows[0][0]);
}
#region Web 窗體設計器生成的程式碼
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 該呼叫是 ASP.NET Web 窗體設計器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
///
/// 設計器支援所需的方法 - 不要使用程式碼編輯器修改
/// 此方法的內容。
///
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}
//當使用者選取其中一本書時，獲得使用者當前選中書的ID，將此ID傳到具體察看頁面
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace CartTest
{
///
/// BookView 的摘要說明。
///
public class BookView : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Label Label1;
protected System.Web.UI.WebControls.Image Image1;
protected System.Web.UI.WebControls.Label Label2;
protected System.Web.UI.WebControls.Label Label3;
protected System.Web.UI.WebControls.TextBox TextBox1;
protected System.Web.UI.WebControls.Label Label4;
protected System.Web.UI.WebControls.Panel Panel2;
protected System.Web.UI.WebControls.Label Label5;
protected System.Web.UI.WebControls.Panel Panel1;
private void Page_Load(object sender, System.EventArgs e)
{
if(!this.IsPostBack)
{
if(this.Request["BookID"]!=null)
{
this.Image1.ImageUrl="ImageView.aspx?imgid="+this.Request["BookID"].ToString();
SqlConnection cn=new SqlConnection();
cn.ConnectionString="server=.;uid=sa;pwd=;database=p1";
cn.Open();
SqlCommand cmd=new SqlCommand();
cmd.Connection=cn;
cmd.CommandText="select * from books where bookguid='"+ this.Request.QueryString["BookID"].ToString() +"'";
//cmd.CommandText="select cover from books where bookguid='350bc228-a12d-4c15-b8e0-1e625e40403e'";
SqlDataAdapter da=new SqlDataAdapter();
da.SelectCommand=cmd;
DataSet ds=new DataSet();
da.Fill(ds);
cn.Close();
this.Label1.Text=ds.Tables[0].Rows[0][1].ToString();
this.Label2.Text=ds.Tables[0].Rows[0][2].ToString();
this.Label4.Text=ds.Tables[0].Rows[0][3].ToString();
this.Panel2.Controls.Add(new LiteralControl(ds.Tables[0].Rows[0][4].ToString()));
}
}
}
#region Web 窗體設計器生成的程式碼
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 該呼叫是 ASP.NET Web 窗體設計器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
///
/// 設計器支援所需的方法 - 不要使用程式碼編輯器修改
/// 此方法的內容。
///
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}
//購物車頁面。實現此功能主要使用DataGrid來顯示總計功能。
//購物車察看頁裡的資料是Session裡所存放的Books集合物件。可以將其繫結到網格控制元件
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace CartTest
{
///
/// WebForm1 的摘要說明。
///
public class WebForm1 : System.Web.UI.Page
{
protected System.Web.UI.WebControls.DataGrid DataGrid1;
private void Page_Load(object sender, System.EventArgs e)
{
if(!this.IsPostBack)
{
Books bs=(Books)Session["MyCart"];
this.DataGrid1.DataSource=bs;
this.DataBind();
}
}
#region Web 窗體設計器生成的程式碼
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 該呼叫是 ASP.NET Web 窗體設計器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
///
/// 設計器支援所需的方法 - 不要使用程式碼編輯器修改
/// 此方法的內容。
///
private void InitializeComponent()
{
this.DataGrid1.ItemCreated += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DataGrid1_ItemCreated);
this.DataGrid1.ItemCommand += new System.Web.UI.WebControls.DataGridCommandEventHandler(this.DataGrid1_ItemCommand);
this.DataGrid1.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DataGrid1_ItemDataBound);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
//利用此事件對網格控制元件的外觀進行控制元件（合併列）
private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
ListItemType itemType = e.Item.ItemType;
if (itemType == ListItemType.Footer)
{
// e.Item.BackColor = Color.SeaGreen;
// e.Item.Font.Bold = true;
e.Item.Cells.RemoveAt(0);
e.Item.Cells.RemoveAt(0);
e.Item.Cells[0].ColumnSpan = 3;
e.Item.Cells[0].HorizontalAlign = HorizontalAlign.Right;
}
}
private void DataGrid1_ItemCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
Books bs=(Books)Session["MyCart"];
if(e.CommandName=="editBook")
{
int num=Convert.ToInt16(((TextBox)e.Item.FindControl("txtNum")).Text);
decimal p=Convert.ToDecimal(((TextBox)e.Item.FindControl("txtPrice")).Text);
bs[this.DataGrid1.DataKeys[e.Item.ItemIndex].ToString()].Sum=p*num;
bs[this.DataGrid1.DataKeys[e.Item.ItemIndex].ToString()].Num=num;
}
else if(e.CommandName=="delBook")
{
bs.Remove(this.DataGrid1.DataKeys[e.Item.ItemIndex].ToString());
}
this.DataGrid1.DataSource=bs;
this.DataBind();
Session["MyCart"]=bs;
}
private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
ListItemType itemType = e.Item.ItemType;
if (itemType == ListItemType.Footer)
{
decimal sum=0;
foreach(DataGridItem item in this.DataGrid1.Items)
{
decimal p=Convert.ToDecimal(((TextBox) item.FindControl("txtPrice")).Text);
int n=Convert.ToInt16(((TextBox) item.FindControl("txtNum")).Text);
sum+=p*n;
}
((TextBox)e.Item.FindControl("txtSumPrice")).Text=sum.ToString();
}
}
}
}
此外我們還要在Global.asax.CS檔案中將變數進行初始化，確保每個客戶端訪問網站時都有一個購物車，當然裡面是沒有書的。
此購物車實現的原理很簡單.首先自己定義一個貨物類，及貨物集合類（實現IEnumerable集合）.當每個使用者進入到網站時，首先給其分配一個空的購物車。當使用者在購物頁面選取一個貨物時，取得該貨物，同時獲得自己的購物車，將貨物儲存到購物車中，最後再儲存購物車。如果使用者要對購物車中的內容進行修改也是一樣的原理。而且在購物車察看頁。我們則將自己生成的集合類物件繫結到我們的頁面中。利用網格窗控年的一此事件來處理貨物統計的問題。
希望這樣一個思路能對您有所幫助。
[@more@]來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/631872/viewspace-864805/，如需轉載，請註明出處，否則將追究法律責任。
相關文章
- ASP.NET購物車的實現及結算處理原始碼ASP.NET原始碼
- 原生js實現購物車結算JS
- 購物車的實現原理
- 購物車原理以及實現
- Vue實現購物車效果Vue
- React實現購物車功能React
- 加入購物車動畫效果實現動畫
- 【jquery】實現購物車加減jQuery
- Vue實現簡單的購物車功能Vue
- 基於XML的購物車的實現(轉)XML
- Android實現商城購物車功能Android
- vue2.0實現購物車功能Vue
- 二級列表完美實現購物車
- AngularJS 實現簡單購物車AngularJS
- jQuery實現購物車的增刪改查jQuery
- 我的Vue之旅 11 Vuex 實現購物車Vue
- 使用SSH+session+mysql實現購物車SessionMySql
- angular實現購物車自動計算價格程式碼例項Angular
- 網站購物車介面(div+css實現)網站CSS
- Python Django實現簡單購物車功能PythonDjango
- 用Provider實現商品加入購物車的動畫效果IDE動畫
- angularjs實現的購物車效果程式碼例項AngularJS
- JavaScript 購物車自動計算價格JavaScript
- JavaScript購物車計算商品總價格JavaScript
- asp.net 實現購物車詳細程式碼ASP.NET
- 想請問下關於購物車如何實現
- 購物車模組
- [影象處理] Python+OpenCV實現車牌區域識別及Sobel運算元PythonOpenCV
- 購物車自動計算商品總價格
- 直播app原始碼，map實現購物車選擇功能APP原始碼
- flutter 購物車功能Flutter
- iOS 購物車動畫iOS動畫
- 淘寶買家授權API系列：新增購物車商品、刪除購物車商品、獲取購物車商品列表API
- 直播商城APP，直接實現購物車商品數量加減APP
- app直播原始碼，vue2 實現簡易購物車APP原始碼Vue
- JavaScript商城購物車價格自動計算功能JavaScript
- 貝塞爾曲線的css實現——淘寶加入購物車基礎動畫CSS動畫
- jquery外掛實現圖片可拖動的購物車程式碼jQuery