電子商務(wù)中購物車的實現(xiàn)廣東女子職業(yè)技術(shù)學院

1、電子商務(wù)中購物車的實現(xiàn)張 莉（廣東女子職業(yè)技術(shù)學院 計算機系，廣東 廣州 511450）摘要：本設(shè)計以某汽車配件公司為例，采用白楊(活動的服務(wù)器頁)編程技術(shù)設(shè)計購物車來實現(xiàn)顧客在網(wǎng)上超市選購、查詢商品，完成購物清單的提交，實現(xiàn)網(wǎng)上購物的功能。 購物車是超市中供每位顧客選購商品時使用，進入網(wǎng)上超市后，每人都有屬于自己的購物車，它自動記錄計算你選購的商品及其價格，在購物車中您還可以改變商品的數(shù)量或取消對某商品的選購.關(guān)鍵字: 購物車；訂單；數(shù)據(jù)庫一、 引言以往要購買一件商品,往往要到公司或商場里面去購買,然后再將商品帶回家,如果只是購買一個小小的商品,也要花上不少的時間和精力才能完成,但是如果利用

2、互聯(lián)網(wǎng)的電子商務(wù),只要在家輕松的利用計算機及網(wǎng)絡(luò),很快的找到你的商品,下訂單之后商品自然就會送到家中,再也不必為購買而受日曬雨淋及勞累之苦.某汽車配件公司根據(jù)發(fā)展的需要,改變傳統(tǒng)的營銷方式,通過互聯(lián)網(wǎng)快速的傳遞信息及網(wǎng)頁數(shù)據(jù)內(nèi)容的豐富化,向全球的消費者宣傳自己的產(chǎn)品.網(wǎng)上超市就是利用網(wǎng)絡(luò)的便利,與顧客直接從網(wǎng)上進行商品交易.當用戶通過搜索找到自己想要的商品后，接下來就要選購物品了，首先考慮的是顧客購物的方便。我們應(yīng)該做到：顧客如果看中某種商品，他所要的僅僅是點一下鼠標，另一方面如果顧客改變主意，減少某種商品的數(shù)量，或者是撤消對某商品的選購，也只是點一下鼠標就可以完成。購物車是超市中供每位顧客選

3、購商品時使用，進入網(wǎng)上超市后，每人都有屬于自己的購物車，它自動記錄計算你選購的商品及其價格，在購物車中您還可以改變商品的數(shù)量或取消對某商品的選購。無論您現(xiàn)在處在什么地方，如果您還要選購商品，則選擇“繼續(xù)選購”的動作；要不您可以經(jīng)由“查看購物車”確認對商品的選購后進入“付款處”結(jié)算。通過瀏覽或查詢到您需要的商品后，點擊商品旁邊的“增加汽車”圖標即實現(xiàn)了商品的選購，商品放進屬于您自己的購物車中。如果您已經(jīng)注冊為會員并已登錄，則在付款處中形成您的購物訂單；否則您可以進行注冊或登錄，以便您的個人詳細聯(lián)系資料與購物單形成訂貨單。考慮到顯示的直觀性，顧客在每次點擊完鼠標后，都能看到當前所選購商品的清單，包

4、括選購的各種商品的數(shù)量，購置該種商品的總金額，以及購置商品的合計金額。最后還應(yīng)考慮到，顧客有時可能要求結(jié)賬，也可能是要求繼續(xù)選購商品，所以在用戶已經(jīng)選購的商品清單中應(yīng)設(shè)計三個按鈕，分別是“繼續(xù)購物”、“重新計算價格”、“提交定單”。二、購物程序設(shè)計（一） 設(shè)計前的準備在開始建設(shè)網(wǎng)站之前，我們應(yīng)該為程序的運行建立好運行平臺，由于服務(wù)器的要求比較高，可以選用一臺硬件較好的計算機，保證系統(tǒng)穩(wěn)定運行。對于軟件的要求，我們可以采用窗口2000服務(wù)器作為服務(wù)器操作系統(tǒng)，Microsoft Access作后臺數(shù)據(jù)庫管理，并安裝一些其他網(wǎng)頁編輯軟件，方便對網(wǎng)頁做修改和維護。關(guān)于如何配置網(wǎng)絡(luò)服務(wù)器，建立網(wǎng)站的方

5、法在此不作介紹，讀者可參考其他資料。（二）建立數(shù)據(jù)庫應(yīng)用程序會成為與終端用戶交換信息的雙向通道，而且網(wǎng)站最初的功能是向用戶顯示產(chǎn)品的信息，然后就是用戶依次把他想訂購的產(chǎn)品信息傳送回網(wǎng)站。對于這個網(wǎng)站，我們創(chuàng)建一個含有多個表的數(shù)據(jù)庫市場。為了將數(shù)據(jù)存儲在數(shù)據(jù)庫中,利用白楊技術(shù),可以實現(xiàn)網(wǎng)頁與數(shù)據(jù)庫的互聯(lián),從而實現(xiàn)動態(tài)更新。根據(jù)用戶的特點,實現(xiàn)針對性服務(wù),通過與數(shù)據(jù)庫互聯(lián),可以實現(xiàn)對用戶的瀏覽權(quán)限進行控制,防止非法用戶的破壞,主要設(shè)計以下幾個表:表1 產(chǎn)品登記表(產(chǎn)品)包括以下幾個字段:表一 : 產(chǎn)品字段名稱字段類型字段說明Itemid自動編號作為記錄識別標記的長整型類型itemproductnu

6、mber文 本對每個產(chǎn)品唯一的識別標記itemname文 本包含產(chǎn)品名稱itemdescription文 本允許對產(chǎn)品的描述itempicturefile文 本用來顯示網(wǎng)上產(chǎn)品的圖片文件itemregularprice貨 幣產(chǎn)品的普通價格itemsaleprice貨 幣產(chǎn)品的特殊價格itemstockquantity數(shù) 字產(chǎn)品的數(shù)量beginspecial日期/時間包含產(chǎn)品顯示的第一個日期endspecial日期/時間產(chǎn)品的最后顯示日期定貨表(orders)包括以下幾個字段:表2 orders字段名稱字段類型字段說明orderid自動編號作為記錄識別標識orderdate日期/時間定單完成日期

7、ordertime日期/時間定單完成時間customername文 本定貨用戶名稱customeraddress文 本定貨用戶地址customercity文 本定貨用戶所在省customerstate文 本定貨用戶所在城市customerzip文 本定貨用戶所在區(qū)郵政編碼customerphone文 本定貨用戶 號碼orderamount貨 幣定單金額paymentmethod文 本付款方式3.貨細節(jié)表(orderdetails)包括以下幾個字段:表三:orderdetails字段名稱字段類型字段說明orderid數(shù)字識別從與該項細節(jié)相關(guān)orders表中取出的記錄productnumber文本

8、識別此細節(jié)記錄表示的產(chǎn)品的產(chǎn)品號碼quantity數(shù)字表示定貨量price貨幣定貨時的產(chǎn)品價格（三）核心腳本程序（global.asa） 作為系統(tǒng)的全局文件，Global.asa建立在整個應(yīng)用程序中使用的會話變量，代碼放在Global.asa文件的子過程Session_OnStart中。當有顧客光臨網(wǎng)站時，即當有用戶連接網(wǎng)站時，執(zhí)行此代碼。Global.asa對每個脫離區(qū)建立下列變量： Session("CartItemNumArray")是一個包含識別用戶加入購物車的產(chǎn)品的項目號碼的陳列。 Session("CartItemQtyArray")是另外一

9、個數(shù)組，包含用戶購物車中產(chǎn)品各自的數(shù)量。Session("DBLogin")包含連接應(yīng)用程序的主要數(shù)據(jù)資源所需要的登錄信息。假定服務(wù)器上已建立了一個ODBC連接，DSN會是該變量的一部分。Session("shipbasecharg")和Session("shipitmcharg")包含在線超市的定貨的運費.第一個變量表示每個訂單費用(底價),第二個表示每項的費用. 這樣,一個定單的全部費用就是底價加上運送的貨物項數(shù)與每項的費用的乘積.前兩個變量,session("cartitemnumarray")和sessio

10、n(cartitemsession")用來實現(xiàn)頁到頁這間的用戶購物車的內(nèi)容傳送.其它三個變量,session("dblogin"),session("shipbasecharge")和session("shipitemcharge")在此建立以便在需要時可以改變。Global.asa 文件內(nèi)容如下：<SCRIPT LANGUAGE=VBScript RUNAT=Server>Sub Session_OnStart dim sItemNums(0), nItemQtys(0) sItemNums(0) = &quo

11、t;" nItemQtys(0) = 0 session("CartItemNumArray") = sItemNums session("CartItemQtyArray") = nItemQtys session("DBLogin") = "DSN=market" session("shipbasecharge") = 4.50 session("shipitemcharge") = 1.25End Sub</SCRIPT>（四）網(wǎng)站首頁介紹(def

12、ault.asp) 作為整個網(wǎng)上超市的首頁,default.asp是用戶訪問網(wǎng)站時看到的第一個頁面，也是實現(xiàn)購物車的一個入口頁面。因此,這個頁面應(yīng)該是簡單而引人注目的,我們這里設(shè)計的效果是用戶看到此頁面后可以用兩種方式購買貨物。首先,在下面的文本框中可輸入關(guān)鍵字來搜索產(chǎn)品.第二,在底部列出了當前的特價產(chǎn)品.用戶可以用每項產(chǎn)品旁邊的“add to cart”按鈕迅速選擇產(chǎn)品. 為了簡化網(wǎng)站設(shè)計工作，我們將此網(wǎng)站的主頁劃分為八個模塊（如圖一），用戶可以通過包含文件header.inc在各模塊之間進行切換。為了統(tǒng)一網(wǎng)站風格，分別用header.inc和footer.inc文件定義網(wǎng)頁的頭尾部分，包含

13、頁面顏色、導航條、網(wǎng)站標志、網(wǎng)站瀏覽說明等，保持網(wǎng)站的一致性。某汽車配件公司網(wǎng)上超市留言本供應(yīng)商服務(wù)交流中心購物車用戶注冊主頁聊天中心友情鏈接圖一：網(wǎng)站總體結(jié)構(gòu)以上是網(wǎng)站包含的所有內(nèi)容結(jié)構(gòu)模塊，限于篇幅，在此只對網(wǎng)站中的購物車部分作介紹，其他部分由讀者自己完成。 除了在前面討論的頭文件中的頁眉和頁腳,default.asp還包含另外兩個文件:advbs.inc 由microsoft的操作系統(tǒng)提供,它可以使預先定義的ado常量可以很容易訪問vbscript應(yīng)用程序. procs.inc 包含應(yīng)用程序中被多個頁面使用的一個子過程和一個函數(shù).把這個代碼保存在被帶入要求的頁面中的頭文件中,可以減少復制

14、代碼,使設(shè)計模塊化.Procs.inc內(nèi)容如下：(源程序略)<% Sub WriteProductRow 'Write a table row for the current record of rsProducts End SubFunction RemoveQuotes(s) End Function%> default.asp 中還有兩個編程特點,一是包含了用戶可以輸入搜索關(guān)鍵字的表單,二是包含了用戶可以選擇并顯示數(shù)據(jù)庫中的特價產(chǎn)品. 下面介紹default.asp中包含的幾個功能模塊:1.產(chǎn)品的在線查詢 default.asp中的<form>包含一個輸入

15、文本框，txtsearch,使用戶可以輸入與他尋找的產(chǎn)品的名稱、項目號碼或描述相符的關(guān)鍵字。搜索圖片把這個表提交給prodsearch.asp,它依次執(zhí)行實際的搜索并顯示結(jié)果。搜索界面（如圖二），頁面中的其他修飾部分可由讀者自己完成。<!-#INCLUDE FILE="adovbs.inc"-><!-#INCLUDE FILE="procs.inc"-><!-#INCLUDE FILE="header.inc"-><form action="prodsearch.asp"

16、method="POST"><td><input type="Text" name="txtSearch" size="20" 圖二：搜索引擎界面maxlength="100"> <input type="image" src="images/go.gif" border="0" alt="單擊這里查詢"></td></form><!-#INCL

17、UDE FILE="footer.inc"->2.顯示特殊產(chǎn)品在default.asp的后面幾行中，還要用一個sql語句尋找主要數(shù)據(jù)庫的products表中的記錄，在products中，當前日期在beginspecial和endspecial域之間。此sql語句用來創(chuàng)建一個包含滿足標準的記錄的記錄集rsproducts.檢查記錄集的eof屬性來確定是否找到了相符的記錄。若有，則創(chuàng)建一個顯示產(chǎn)品的表。執(zhí)行代碼：<% set dbMain = server.createobject("ADODB.Connection") dbMain.open

18、session("dblogin")Set rsProducts = Server.CreateObject("ADODB.Recordset")sSQL = "SELECT * FROM products WHERE beginspecial <= #" & date() & _"#" & " AND endspecial >= #" & date() & "#"rsProducts.open sSQL, dbMain,

19、adopenstatic, adlockpessimistic, adcmdtext %><!-#INCLUDE FILE="footer.inc"->這些代碼在記錄集rsproducts的記錄間循環(huán),每次調(diào)用一個名為writeproductrow的子過程,在default.asp中,writeproductrow是不可見的,它包含在procs.inc中.3.顯示某具體產(chǎn)品如上所述，writeproductrow是要在已定義的表中，創(chuàng)建一個顯示rsproducts的記錄集，并顯示當前記錄表示的特定產(chǎn)品相關(guān)信息。這些相關(guān)信息包括下列部分：該產(chǎn)品的圖片（如果有

20、的話），圖片的名稱是通過products表的itempicturefile域的值而獲得的。一個包含該產(chǎn)品的項目號（productid）、名稱（productname）和描述（description）的信息單元。其中每個項目用特定的字體和不同的顏色顯示，使其容易識別。顯示產(chǎn)品的當前價格的價格單元。如果產(chǎn)品有售價，（從itemsaleprice域取得）則也報出普通價作為比較，該單元還包含一個用兩個特定字符串對shopcart.asp的鏈接，也就是我們前面所講的querystring,其中一個告訴shopcart.asp處理的模式是add,一個傳送項目號(products).shopcart.asp

21、是一個頁面，用來把產(chǎn)品加入用戶的購物車。（五）購物車程序設(shè)計(shopcart.asp)shopcart.asp可以算是網(wǎng)上超市中工作量最大的頁面。不難想象，在實際的超市中，總是有顧客把自己喜歡的東西放在購物車中，有是這些貨物將被最終購買，而有時顧客因一時考慮久妥，其實并不是真的需要，所以程序中也要把這些情況都考慮到。整個購物車的設(shè)計流程如圖四所示：Shopcart.asp內(nèi)容如下：(源程序略)<!-#INCLUDE FILE="adovbs.inc"-><% sCartItemNums = session("cartitemnumarray&q

22、uot;) nCartItemQtys = session("cartitemqtyarray") nNumCartItems = ubound(sCartItemNums) '確定我們將采取那種工作模式。 '如果提交的模式是add，那么就添加購物記錄sMode = request.querystring("mode") '此外，還可以直接從form中得到工作模式 select case request.form("cmdSubmit")case "填寫訂單" sMode = "c

23、heckout"case "重新計算價格" sMode = "recalc" case "繼續(xù)購物" sMode = "continue" end select 圖四：購物車流程圖'如果工作模式是addif sMode = "add" then nThisItemIndex = 0 if sMode = "recalc" or sMode = "checkout" or sMode = "continue" thene

24、nd if select case sModecase "continue" response.redirect("default.asp") if sMode = "checkout" thensPageHead = "Star在線超市訂單填寫"<% if sMode = "checkout" then %><form action="submitorder.asp" method="POST"><% if sMode =

25、"checkout" then %>您如果要購買所選中的商品，請詳細提供以下資料，然后單擊'發(fā)出訂單'按鈕 <% end if %> 通過查看asp代碼可以看到，shopcart.asp以幾種模式中的一種運行，下面討論每種模式。確定我們將采取那種工作模式。如果提交的模式是add，那么就添加購物記錄sMode = request.querystring("mode") 此外，還可以直接從form中得到工作模式 select case request.form("cmdSubmit")case "

26、;填寫訂單" sMode = "checkout"case "重新計算價格" sMode = "recalc" case "繼續(xù)購物" sMode = "continue" end select 根據(jù)不同的模式重定向頁面 ，如果是add或者recal則仍然處在shopcart.asp中 ，如果是continue,則重定向到首頁default.asp。這樣顧客可以接著購買其他東西，如果是checkout，仍然在shopcart.asp，但是模式已經(jīng)發(fā)生變化。如果我們在default.as

27、p中選中了一種貨物，然后單擊add to car按鈕，將會把商品放入購物車中,并顯示出商品的部分信息，并同時提供給用戶三個按鈕進行選擇（如圖五）。 圖五：購物車信息1.shopcart.asp 的一般結(jié)構(gòu)shopcart.asp中有幾個與標準html混合在一起的asp腳本程序。如果頁面用一個模式查詢字符調(diào)入，則調(diào)用add模式。否則，頁面可能由一個使用了cmdsubmit(一組submit之一)的表調(diào)入。shopcart.asp 可以由request.form("cmdsubmit")的值確定哪種模式正在起作用.在頁面不同位置,根據(jù)當前的操作模式執(zhí)行不同的代碼.每一個模式都有

28、一個html表單,在add和recalculate模式下,表單的提交對象仍然是shopcart.asp本身.主要原因是,如果用戶改變了購物車中一項或幾項產(chǎn)品的數(shù)量,在重新引導到另一個頁面之前有機會在shopcart.asp中執(zhí)行代碼來改變購物車會話變量.2.顯示價格等信息在shopcart.asp底部是顯示用戶購物車內(nèi)容的代碼段，它通過使用asp和一般html的集成來完成該任務(wù)，逐行閱讀代碼可以很容易發(fā)現(xiàn)這一點。該代碼在代表購物車的數(shù)組中逐個遍歷，可以找到數(shù)據(jù)庫中每項的位置，顯示該項的信息，并對價格進行計算。在購物車中所有項目顯示完后，計算運輸費,根據(jù)公司收費標準,我們定義的運費計算方法為:4

29、.5+(1.25*Nnumitems),即產(chǎn)品的總運費為4.5元再加每件產(chǎn)品1.25元的運輸費運.（基于在golbal.asa中描述的會話變量shipbasecharge和shipitemcharge）。最后，顯示定購總數(shù),定額總數(shù)為購買商品的總費用和運輸費用之和。（六）幾種工作模式的具體體現(xiàn)(shopcart.asp)1.add模式用戶單擊他想要購買的物品的旁邊的add to cart鏈接時，第一次調(diào)用shopcart.asp. add to cart鏈把兩個查詢字符串傳送到shopcart.asp,如下例：<a href='shopcart.asp?mode=add&

30、itemno=lms-0218'>所以shopcart.asp執(zhí)行時，根據(jù)查詢字符串mode的值是add,于是啟動add模式，執(zhí)行以if smode="add"開始的代碼區(qū)。這個代碼區(qū)瀏覽scartitemmums數(shù)組。它是作為用戶的購物車的一部分在整個會話中傳送的，從而查看數(shù)組中是否已經(jīng)有了itemno查詢字符串表示的項目號碼。如果有，則為該項的數(shù)量加1,否則，把這一項加入到這個數(shù)組中。對購物車執(zhí)行了這次添加后，大部分其余的asp代碼就不再執(zhí)行，因為它應(yīng)用于其他模式，而每次數(shù)shopcart.asp只會在一個模式下工作。2. continue模式單擊&quo

31、t;繼續(xù)購物"按鈕,contiue模式起作用.它把shopcart.asp表提交回shopcart.asp本身,執(zhí)行代碼來響應(yīng)用戶對數(shù)量的改變并更新購物車會話變量.然后該用戶被引導回default.asp繼續(xù)購物.3.recalculate模式該模式用于用戶購買多件貨物時，自動重新計算所需的貨物總價格，它實際并不需要，但用戶可以用它馬上看到被改動數(shù)量后的結(jié)果。recalculate模式與continue的工作很相似。不過，recalculate允許執(zhí)行其余部分的shopcart.asp,這使用戶可以有效的看到自己的更新結(jié)果。假設(shè)我們將購買商品的數(shù)量改為多個時，單擊“重新計算價格”按鈕

32、時，價格就會被重新計算。4.checkout模式用戶單擊“填寫訂單”按鈕時，以checkout模式重新調(diào)入shopcart.asp。該模式與recalculate模式相似，但有兩處基本的不同，首先是本身的定義，其它的模式是以shopcart.asp為表單提交的目標，而checkout模式將表引導至另一個頁面submitorder.asp.下面會看到該頁面完成定單并將其加入數(shù)據(jù)庫。還有一處不同的是當以checkout模式執(zhí)行shopcart.asp時，腳本程序給用戶提供填寫訂單的文本框，用來輸入有關(guān)貨物運輸和費用的信息。三、寫入訂單數(shù)據(jù)表（一）填寫訂貨單(submitorder.asp)用戶在s

33、hopcart.asp上輸入各種必要的信息，如姓名、住址、聯(lián)系 、付款方式等之后。單擊“提交購物單”按鈕來調(diào)用submitorder.asp.該頁面負責把訂貨信息加入數(shù)據(jù)庫并對用戶的定單進行總結(jié)。（源程序略）（二）防止重復提交和不完整信息。submitorder.asp中應(yīng)包含一段非常有用的代碼： if session("salecomplete")=true then session("salecomplete")=false response.redirect"default.asp" end if 此代碼是一個用來避免用戶在重新

34、裝入submitorder.asp時重復發(fā)送相同訂單的安全特性。在后面的代碼中，session變量selecomplete在訂單完成后和輸入到數(shù)據(jù)庫中時被設(shè)定為true。前面的代碼檢驗session的值，如果是true，則命令完成，剩余的頁中代碼將不再被執(zhí)行。用戶會被再次指向default.asp.完成后，在單擊傳送命令按鈕前，當用戶修改shopcart.asp的文本框中的產(chǎn)品數(shù)量時，submitorder.asp執(zhí)行shopcart.asp中的recalculate代碼，重新計算價格，為了盡量確保提交無誤，我們在submitorder.asp中編寫了檢查訂單的代碼，以確保shopcart.a

35、sp 每一個文本框用戶都已經(jīng)填寫。如果用戶有任何一項沒有填寫，submitorder.asp都會提醒造成問題的原因，并且建議顧客返回以完成信息的完整輸入。輸入訂單信息后，訂單的概述會被顯示以便用戶打印。它是通過類似shopcart.asp中的購物車形式完成的。（三）清除當前購物信息最后，submitorder.asp中的最后一位代碼復位購物車會話變量。這是用來清空購物車的，這樣的用戶可以決定是否采購更多的商品，但它不允許兩次采購同樣的貨物。實現(xiàn)的代碼如下： <% if session("salecomplete")=true then redim sitemnums(

36、0) redim nitemqtys(0) sitemnums(0)="" nitemqtys(0)=0 session("cartitemnumarray")=sitemnums session("cartitemqtyarray")=nitemqtys session("salecomplete")=falseend if %>通過重定義數(shù)組和置空操作，實現(xiàn)了用戶所擁有的session變量的復位。四、總結(jié)隨著Internet的不斷普及，Internet應(yīng)用開發(fā)也不斷深入與日益廣泛。Internet發(fā)展到今天，已不再只是公共信息的發(fā)布手段，網(wǎng)上通信、網(wǎng)上拍賣、特別是電子商務(wù)的應(yīng)用已成為Internet發(fā)展的重要趨勢,同時能給中小企業(yè)帶來新的經(jīng)濟增長點。通過對電子商務(wù)網(wǎng)站搭建過程中購物車功能及訂貨表單提交的實現(xiàn)。我們可以從中了解到網(wǎng)站搭建過程中實現(xiàn)購物車、數(shù)據(jù)庫的建立、數(shù)據(jù)庫的調(diào)用、訂單提交的設(shè)計等。由于該系統(tǒng)適用于中、小型企業(yè)初期開展電子商務(wù)、電子