電子商務網站建設(7)匯編

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

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

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

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

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

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

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

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

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

1．Server對象概述

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

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

Sperty|method

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

26電子商務網站開發(fā)實務任務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電子商務網站開發(fā)實務任務7-5購物車及客戶信息存儲頁面制作知識拓展29：ASP網絡編程系列知識介紹——Server對象介紹（2）

1．HTMLEncode

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

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

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

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

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

3．Cookie方式

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