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

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

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

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

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

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

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

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

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

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

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

1．Server對(duì)象概述

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

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

Sperty|method

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

26電子商務(wù)網(wǎng)站開(kāi)發(fā)實(shí)務(wù)任務(wù)7-5購(gòu)物車(chē)及客戶信息存儲(chǔ)頁(yè)面制作問(wèn)題探究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)站開(kāi)發(fā)實(shí)務(wù)任務(wù)7-5購(gòu)物車(chē)及客戶信息存儲(chǔ)頁(yè)面制作知識(shí)拓展29：ASP網(wǎng)絡(luò)編程系列知識(shí)介紹——Server對(duì)象介紹（2）

1．HTMLEncode

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

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

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

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

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

3．Cookie方式

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