電子商務(wù)網(wǎng)站建設(shè)(7)匯編

項目7電子商務(wù)網(wǎng)站在線購物車開發(fā)2/5/20231電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)目錄教學(xué)導(dǎo)航任務(wù)7-1購物車相關(guān)插件安裝任務(wù)7-2放入購物車頁面制作任務(wù)7-3購物車內(nèi)容處理頁面制作任務(wù)7-4客戶信息頁面制作任務(wù)7-5購物車及客戶信息存儲頁面制作任務(wù)7-6購物車訂單顯示頁面制作知識梳理與總結(jié)2電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)教學(xué)導(dǎo)航購物車在電子商務(wù)站點(diǎn)中的作用，同商場中手推車非常相似，不同的是，顧客只需要在瀏覽商品時點(diǎn)擊鼠標(biāo)，就可將商品添加到購物車?yán)锩妫⒖呻S時查看購買商品數(shù)量、商品單價、運(yùn)費(fèi)和總金額。目前，購物車已成為電子商務(wù)網(wǎng)站的核心功能。在本項目中，借助購物車相關(guān)插件為“重慶曼寧網(wǎng)上書城”成功開發(fā)了一個購物車系統(tǒng)，其開發(fā)過程涵及了購物車相關(guān)插件安裝、放入購物車頁面制作、購物車內(nèi)容處理頁面制作、客戶信息頁面制作、購物車及客戶信息存儲頁面制作、購物車訂單顯示頁面制作等內(nèi)容。3電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-1購物車相關(guān)插件安裝任務(wù)引出在本任務(wù)中，主要完成“重慶曼寧網(wǎng)上書城”購物車系統(tǒng)開發(fā)所需插件CharonCart_v202、CharonCartPatch_MX（所需插件可在http://www.charon.co.uk站點(diǎn)中下載）的安裝。4電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-1購物車相關(guān)插件安裝作品預(yù)覽圖7-1購物車系統(tǒng)開發(fā)成功安裝插件5電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-1購物車相關(guān)插件安裝實(shí)踐操作在安裝插件CharonCart_v202、CharonCartPatch_MX兩個插件時，應(yīng)注意安裝的先后順序，先安裝CharonCart_v202.mxp插件，后安裝CharonCartPatch_MX.mxp插件。

6電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-1購物車相關(guān)插件安裝問題探究25：Dreamweaver插件應(yīng)用方法早期的Dreamweaver采用HTML制作的插件，需要下載后解壓縮到相應(yīng)的目錄中才能使用，如果解壓縮目錄錯了，插件就不能發(fā)揮作用，對于使用和管理非常不方便，鑒于此，Macromedia開發(fā)出了新的插件形式和插件管理器，從Dreamweaver4開始，Macromedia公司對插件的封裝形式采用了新的方法，對插件采用特殊的方法制作和壓縮，以MXP作為插件的后綴名，并且在Dreamweaver中集成了一個插件管理器(ExtensionManager)，專門用來管理MXP插件，極大地方便了用戶安裝和使用插件。即使是一個初學(xué)者，也不會出現(xiàn)安裝不上插件的情況了。7電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-2放入購物車頁面制作任務(wù)引出在本任務(wù)中，將為“重慶曼寧網(wǎng)上書城”所有圖書頁面添加“放入購物車”鏈接，并完成“放入購物車”頁面制作。8電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-2放入購物車頁面制作作品預(yù)覽圖7-4“放入購物車”頁面預(yù)覽效果9電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-2放入購物車頁面制作1、數(shù)據(jù)表設(shè)計2、打開顯示圖書詳細(xì)信息頁面bookshowdetail.asp，在內(nèi)容底部插入圖像addcart.gif，3、新建頁面addshoppingcart.asp

4、選中圖像addcart.gif，屬性面板上：單擊鏈接后的文件夾按鈕10電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)addshoppingcart.asp的制作1、添加記錄集，表示用戶剛剛選定要放入購物車的記錄2、綁定記錄集：charoncart（默認(rèn)購物車有5個基本字段，productID商品編號，Quantity購買數(shù)量，name商品名稱，price商品價格，uniquekey主鍵值，這五個字段不可刪除或修改，如需將其他信息放入購物車，單擊【define】按鈕）3、新建頁面cartshopping.asp4、添加服務(wù)器行為charoncart—addtocartfromlink，設(shè)置購物車各字段跟圖書記錄各字段的關(guān)聯(lián)11電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-2放入購物車頁面制作問題探究26：購物車兩種商品添加模式的比較在Charon購物車中，有兩種方式可將商品加入購物車中，第一種是通過超級鏈接加入，即“AddToCartFromLink”；第二種是通過表單加入，即“AddToCartFromForm”。二者區(qū)別在于，使用超級鏈接加入，在一個頁面中可有多個加入購物車鏈接；使用表單加入，一個頁面中只能有一個加入購物車鏈接。12電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-3購物車內(nèi)容處理頁面制作任務(wù)引出在本任務(wù)中，將為“重慶曼寧網(wǎng)上書城”網(wǎng)站完成購物車內(nèi)容處理頁面制作。13電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)作品預(yù)覽圖7-16購物車內(nèi)容處理頁面預(yù)覽效果任務(wù)7-3購物車內(nèi)容處理頁面制作cartshopping.asp14電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-3購物車內(nèi)容處理頁面制作cartshopping.asp1、綁定記錄集charoncart。2、制作購物車內(nèi)容表單其中，復(fù)選框綁定字段UniqueKey，【更新購物車】按鈕——提交表單，其他按鈕無動作。動態(tài)文本行：添加服務(wù)器行文——charoncart——cartrepeatregion15電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-3購物車內(nèi)容處理頁面制作cartshopping.asp3、設(shè)置固定運(yùn)費(fèi)：服務(wù)器行為fixcostshipping4、更新購物車：服務(wù)器行為updatecharoncart5、清空購物車<inputtype="button"name="Submit3"value="清空購物車"onclick="window.location='<%=Request.ServerVariables("SCRIPT_NAME")&"?RemoveAll=1"%>'"/>繼續(xù)購物

<inputtype="button"name="Submit"value="繼續(xù)購物"onclick="window.location='/index.asp'"/>前去結(jié)賬,先新建頁面customer.asp<inputtype="button"name="Submit4"value="前去結(jié)賬"onclick="window.location='customers.asp'"/>16電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-3購物車內(nèi)容處理頁面制作問題探究27：“window.location”方法應(yīng)用在前面為【繼續(xù)購物】按鈕、【前去結(jié)賬】按鈕定義轉(zhuǎn)向頁面時，我們用到了“window.location”方法，“window.location”的完整語法為：

window.location=’轉(zhuǎn)向網(wǎng)址或頁面’一般來說，這個語法需搭配觸發(fā)的動作，如用到按鈕上時，觸發(fā)的的動作事件就是“單擊按鈕”（onclick），所以出發(fā)的動作應(yīng)該是單擊該按鈕，以【前去結(jié)賬】按鈕為例，其完整用法如下：

<inputtype="button"name="Submit4"value="前去結(jié)賬"onclick="window.location='customers.asp'"/>17電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-3購物車內(nèi)容處理頁面制作知識拓展27：ASP網(wǎng)絡(luò)編程系列知識介紹——Session對象介紹（5）

Global.asa文件是一個用來初始化ASP程序的全局配置文件，可以用來定義Application和Session事件腳本，聲明具有Application和Session作用域的對象實(shí)例。該文件的名稱必須是Global.asa，且必須存放在網(wǎng)站應(yīng)用程序的根目錄下，每個應(yīng)用程序只能有一個Global.asa

文件，文件中不能有任何輸出語句。在Global.asa文件中聲明的過程只能從一個或多個與Application_OnStart、Application_OnEnd、Session_OnStart和Session_OnEnd事件相關(guān)的腳本中調(diào)用。18電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-4客戶信息頁面制作任務(wù)引出在本任務(wù)中，將為“重慶曼寧網(wǎng)上書城”完成客戶信息頁面制作。19電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-4客戶信息頁面制作作品預(yù)覽圖7-22客戶信息頁面預(yù)覽效果20電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-4客戶信息頁面制作實(shí)踐操作1．客戶信息提交頁面界面設(shè)計2．定義表單動作

21電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-4客戶信息頁面制作問題探究28：表單方法“POST”與“GET”的比較

在Form里面，可以使用POST也可以使用GET，它們都是method的合法取值。但是，post和get方法在使用上至少有兩點(diǎn)不同：①GET方法通過URL請求來傳遞用戶的輸入，POST方法通過另外的形式；②GET方式的提交需要用Request.QueryString來取得變量的值，而POST方式提交時，必須通過Request.Form來訪問提交的內(nèi)容。22電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-4客戶信息頁面制作知識拓展28：ASP網(wǎng)絡(luò)編程系列知識介紹——Server對象介紹（1）

1．Server對象概述

Server對象主要用于向用戶提供Web服務(wù)器上的相關(guān)信息，并可以幫助用戶取得服務(wù)器上的各項功能。通過Server對象還可以創(chuàng)建AtiveX組件的實(shí)例，AtiveX組件是一些擴(kuò)展ASP功能的對象，通過Server對象可以把這些組件實(shí)例化，這樣可以在ASP腳本中使用它們所提供的功能。

Server對象包含有屬性和方法，但不包含集合和事件，Server對象語法格式如下：

Sperty|method

其中，property表示Server對象的屬性，method表示Server對象的方法。2．Server對象屬性Server對象只有一個屬性ScriptTimeout，該屬性表示腳本能夠運(yùn)行的最大時間（超時值），在腳本運(yùn)行超過這一時間之后服務(wù)器將中止執(zhí)行該腳本，如下面的語句即指定服務(wù)器處理ASP腳本在100秒后超時。Servere.ScriptTimeout=10023電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-5購物車及客戶信息存儲頁面制作任務(wù)引出在本任務(wù)中，將為重慶曼寧網(wǎng)上書城完成購物車信息及客戶信息存儲頁面制作。24電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-5購物車及客戶信息存儲頁面制作作品預(yù)覽圖7-25購物車及客戶信息存儲頁面預(yù)覽效果25電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-5購物車及客戶信息存儲頁面制作實(shí)踐操作1．購物車及客戶信息頁面界面設(shè)計2．定義購物車及客戶信息3．接收客戶信息4．存儲購物車及客戶信息5．清空購物車

26電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-5購物車及客戶信息存儲頁面制作問題探究29：修改記錄集鎖定方法<%DimRecOrdersDimRecOrders_cmdDimRecOrders_numRowsSetRecOrders_cmd=Server.CreateObject("ADODB.Command")RecOrders_cmd.ActiveConnection=MM_myconn_STRINGRecOrders_cmd.CommandText="SELECT*FROMOrders"RecOrders_cmd.Prepared=trueSetRecOrders=RecOrders_cmd.ExecuteSetRecOrders=Server.CreateObject("ADODB.Recordset")RecOrders.Open

RecOrders_cmd,,0,3RecOrders_numRows=0%>27電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-5購物車及客戶信息存儲頁面制作知識拓展29：ASP網(wǎng)絡(luò)編程系列知識介紹——Server對象介紹（2）

1．HTMLEncode

方法我們都有這樣的體驗(yàn)，當(dāng)使用代碼輸入“<i>歡迎訪問我的網(wǎng)站！</i>”時，瀏覽器中將顯示“歡迎訪問我的網(wǎng)站！”字樣，這是因?yàn)楫?dāng)瀏覽器讀到這樣的HTML標(biāo)記符時，都會試圖進(jìn)行解釋。但當(dāng)我們希望在瀏覽器上直接輸出文本“<i>歡迎訪問我的網(wǎng)站！</i>”時，就必須對上述的HTML標(biāo)記符進(jìn)行所謂的HTML編碼，然后才能在瀏覽器中正常顯示。

2．MapPath方法由于利用IIS可以創(chuàng)建多種形式的站點(diǎn)，如虛擬目錄、虛擬站點(diǎn)和真正站點(diǎn)等，每個站點(diǎn)都可能指向一個目錄中，僅僅單憑文件在站點(diǎn)地址中的相對位置是無法判斷它在服務(wù)器磁盤上的真正位置的。28電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-6購物車訂單顯示頁面制作任務(wù)引出在本任務(wù)中，將完成“重慶曼寧網(wǎng)上書城”購物車訂單顯示頁面制作。29電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-6購物車訂單顯示頁面制作作品預(yù)覽圖7-33購物車訂單顯示頁面預(yù)覽效果30電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-6購物車訂單顯示頁面制作實(shí)踐操作1．創(chuàng)建購買訂單記錄集2．綁購物訂單記錄集并設(shè)置重復(fù)區(qū)域3．創(chuàng)建詳細(xì)數(shù)據(jù)頁面鏈接4．購物訂單詳細(xì)數(shù)據(jù)頁面制作

31電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)任務(wù)7-6購物車訂單顯示頁面制作問題探究30：幾種購物車技術(shù)開發(fā)方法比較

1．Session方式這種方式一般將用戶的選擇存放到Session數(shù)組里面，如果用戶確認(rèn)要購買，就將信息提交到訂單表中。

2．?dāng)?shù)據(jù)庫方式此種方式要求在數(shù)據(jù)庫中建立一個暫存表。用戶在購物時，先把數(shù)據(jù)暫時存放在里面，但如果用戶確認(rèn)購買，就把數(shù)據(jù)寫入到真正的訂單信息集。

3．Cookie方式

Cookie是通過服務(wù)器端CGI，腳本或者客戶端腳本把信息保存在客戶機(jī)上的，以便為服務(wù)器或客戶機(jī)再次使用這